jq實現列表多選(獨立選擇)

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

  <tr class="text-c">
       <td><input type="checkbox" value="{$v['ul_id']}"   id="{$v['ul_id']}" name="userCheck" onclick="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>blog

相關文章
相關標籤/搜索