多选框checkbox,单选radio 循环出所选择的值

  <div class="listleft">目前居住区域:<br/><input type="text" class="quyu" value=""></div>
                                <div class="list3" >
                                    <div class="searchList">新市区</div>
                                    <div class="radioArea">
                                        <input type="checkbox" name="checkbox" value="望海小区" id="xsq0"><label for="xsq0">望海小区</label>
                                        <input type="checkbox" name="checkbox" value="都市花园" id="xsq1"><label for="xsq1">都市花园</label>
                                        <input type="checkbox" name="checkbox" value="城市花园" id="xsq2"><label for="xsq2">城市花园</label>
                                        <input type="checkbox" name="checkbox" value="新城花园" id="xsq3"><label for="xsq3">新城花园</label>
                                        <input type="checkbox" name="checkbox" value="银河华府" id="xsq4"><label for="xsq4">银河华府</label>
                                        <input type="checkbox" name="checkbox" value="港三区" id="xsq5"><label for="xsq5">港三区</label>
                                        <input type="checkbox" name="checkbox" value="其他" id="xsq6" style="margin-left:9.5%;"><label for="xsq6">其他</label><input type="text" style="margin-left:2%;" class="qt1">
                                    </div>
                                    
                                </div>

                                <div class="list3">
                                    <div class="searchList">老城区</div>
                                    <div class="radioArea">
                                        <input type="checkbox" name="checkbox" value="东关村" id="lcq0"><label for="lcq0">东关村</label>
                                        <input type="checkbox" name="checkbox" value="百货大楼" id="lcq1" style="margin-left:9%;"><label for="lcq1">百货大楼</label>
                                        <input type="checkbox" name="checkbox" value="汽车站" id="lcq2"><label for="lcq2">汽车站</label>
                                        <input type="checkbox" name="checkbox" value="城西" id="lcq3" style="margin-left:9%;"><label for="lcq3">城西</label>
                                        <input type="checkbox" name="checkbox" value="奎山" id="lcq4"><label for="lcq4">奎山</label>
                                        <input type="checkbox" name="checkbox" value="其他" id="lcq5" style="margin-left:11%;"><label for="lcq5">其他</label><input type="text" style="margin-left:2%;" class="qt2">
            </div>
      </div>

 

多选:
$(".radioArea input").change(function(){ var str=""; $("[name='checkbox']:checked").each(function(){ // :checked指循环出所有选中的值, 如果不加:checked则循环出所有的值 str+=$(this).val()+""; // str+=$(this).val()+""; 把所有选中的值拼接起来,并用"、"隔开。。。。 str=$(this).val(); 则一个一个输出 }); $(".quyu").val(str); //目前居住区域下面输出所选的值 });

 

<ul class="yixiang1_list1">
       <li class="radiotxt">意向类型:<span class="yx"></span> </li>
      </ul>
<ul class="yixiang2_list1"> //修改 <li style="width:70%" class="radioArea">意向类型: <input type="radio" value="高层公寓" class="yxly" name="yxlx"><label for="y0">高层公寓</label> <input type="radio" value="法式合院" class="yxly" name="yxlx"><label for="y0">法式合院 </label> <input type="radio" value="商业" class="yxly" name="yxlx"><label for="y0">商业 </label> <input type="radio" value="其他" class="yxly" name="yxlx" id="others"><label for="y0">其他 </label><input type="text" id="other"> </li> </ul>

 

单选:
/*意向类型*/
        var other=$("#other").val();
        $("#others").val(other);    
        
        var str="";  
        $("[name='yxlx']:checked").each(function(){   // :checked指循环出所有选中的值, 如果不加:checked则循环出所有的值
            str+=$(this).val();  
        });    
        $(".radiotxt span").text(str); //确认修改后,红色区域显示单选的值
/*意向类型 end*/

 

posted @ 2014-08-12 13:28  Shimily  阅读(552)  评论(0)    收藏  举报