jquery操作子窗口value值,放在父级表单中

2629

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