/* 遍历选择 checked*/
Html结构:
<li class="col-sm-9 posi locahost"> <input class="locahost-input" type="text" name="" value="选择区域" /> <span class="od" data-toggle="modal" data-target="#myModal">选择</span> </li> <div class="modal-body loca-xuanze"> <ul> <li><input class="che-box" type="checkbox" name="loca[]" value="广州">广州</li> <li><input class="che-box" type="checkbox" name="loca[]" value="上海">上海</li> <li><input class="che-box" type="checkbox" name="loca[]" value="深圳">深圳</li> <li><input class="che-box" type="checkbox" name="loca[]" value="杭州">杭州</li> <li><input class="che-box" type="checkbox" name="loca[]" value="香港">香港</li> <li><input class="che-box" type="checkbox" name="loca[]" value="湛江">湛江</li> <li><input class="che-box" type="checkbox" name="loca[]" value="广州">广州</li> <li><input class="che-box" type="checkbox" name="loca[]" value="上海">上海</li> <li><input class="che-box" type="checkbox" name="loca[]" value="深圳">深圳</li> <li><input class="che-box" type="checkbox" name="loca[]" value="杭州">杭州</li> </ul> </div>
Jquery部分: function getTextByJquery() { var str = ""; //遍历元素 $(".che-box").each(function () { if(this.checked){ str += $(this).val() + ","; } }); //去掉最后一个逗号(如果不需要去掉,就不用写) if (str.length > 0) { str = str.substr(0,str.length - 1); } return str; } $(".closeone").on("click",function () { var _v = getTextByJquery(); $(".locahost-input").val(_v); })