/* 遍历选择 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);
})