多选框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*/
给心灵一个纯净空间,让思想,情感,飞扬!