jquery實現checkbox全選,選擇性勾選,以及table中點擊tr中任意一行實現選中或不選中

//html頁面
<table class="ui-zx-table" id="tb1" style="width: 100%"> <thead> <tr> <th width="60"><label> <input name="select_all" id="select_all" type="checkbox" /> </label></th> <th width="60">任務ID</th> <th width="65">上報人手機號</th> <th width="40">省份</th> <th width="70">提交人工審覈時間</th> <th width="180">短信內容</th> <th width="70">被上報號碼</th> <th width="55">處理人</th> <th width="55">審覈狀態</th> <th width="55">操做</th> </tr> </thead> <tbody class="ms-controller" ms-controller="vmCheckPendingQuery" style="color: black;table-layout:fixed;"> <tr ms-if="json.length>0" ms-repeat="json"> <td><input type="checkbox" name="select_item" id="select_item" ms-attr-value="el.tbid" ></td> <td>{{el.tbid}}</td> <td>{{el.uploadBillid}}</td> <td>{{el.province}}</td> <td>{{el.createTime|date("yyyy-MM-dd")}}</td> <td style="word-break:break-all;">{{el.smsContent}}</td> <td>{{el.sourcePort}}</td> <td>{{el.staff}}</td> <td>{{el.state==1?'已審覈':'待審覈'}}</td> <td width="110"> <a href="javascript:;" ms-on-click="edit(el)">處理</a> </td> </tr> <tr ms-if="json.length < 1"> <td colspan="11">沒有數據</td> </tr> </tbody> </table>
//全選,全不選
var checkboxes = document.getElementsByName('select_item');
              $("#select_all").click(function() {
                  for (var i = 0; i < checkboxes.length; i++) {
                      var checkbox = checkboxes[i];
                      if (!$(this).get(0).checked) {
                          checkbox.checked = false;
                      } else {
                          checkbox.checked = true;
                      }
                  }
              });
       //單個選中
            $('#tb1 tbody').on('click', "input", function() {
            var rowObj=dataExample.row($(this).closest("tr"));
                var checkbox = document.getElementById(rowObj.data().tbid);
                if(checkbox.checked==true){
                    checkbox.checked=false
                }else{
                    checkbox.checked=true 
                }
            });
            //點擊一列tr裏除最後一個td以外點擊任意位置選中或不選中
            $('#tb1 tbody').on('click', "td:not(:last-child)", function() {
                var rowObj=dataExample.row($(this).closest("tr"));
                 var checkbox = document.getElementById(rowObj.data().tbid);
                 if(checkbox.checked==true){
                     checkbox.checked=false
                 }else{
                     checkbox.checked=true 
                 }
            });
相關文章
相關標籤/搜索