jq实现列表多选（独立选择）

2019独角兽企业重金招聘Python工程师标准>>>

<table class="table" width="100%" id="userBox">
  <tr class="text-c">
     <th ><input type="checkbox" name="allcheck" value="" id="allcheck" οnclick="swapCheck(this);"></th>
  </tr>
......

  <tr class="text-c">
       <td><input type="checkbox" value="{$v['ul_id']}"   id="{$v['ul_id']}" name="userCheck" οnclick="swapCheck(this);"></td>
      ......
  </tr>
<input id="su_userlist" name="su_userlist" type="hidden"/>
</table>

<script>
var isCheckAll = false;
    var str = "";;
    function swapCheck(obj) {
        var clickId = $(obj).attr("id");
        if (isNaN(clickId)) {
            if (isCheckAll) {
                $("#userBox input[type='checkbox']").each(function () {
                    this.checked = false;
                });
                isCheckAll = false;
            } else {
                $("#userBox input[type='checkbox']").each(function () {
                    this.checked = true;
                });
                isCheckAll = true;
            }
        }
        var chks = $('input[name="userCheck"]');//获取所有用户对象
        var result = "";
        for (var i = 0; i < chks.length; i++) {
            if (chks[i].checked) {
                result += chks[i].id + ",";
            }
        }
        $("#su_userlist").val(result.substring(0, result.length - 1));
    }
</script>

转载于:https://my.oschina.net/u/2546610/blog/2050179