Check All框不适用于Jquery DataTable 1.10.5版

时间:2015-03-31 15:48:26

标签: javascript jquery html datatable

我有一个包含3列的jquery dataTable(复选框列,userId,全名)。 'check_all'复选框工作正常(意味着当点击'check_all'时检查了所有行)当我将它与jquery.dataTables.js和jquery.dataTables.min.js版本1.9.4一起使用时。但是,我必须使用dataTable版本1.10.5才能使用“draw()”函数。但是一旦我开始使用新版本,check_all复选框停止工作,.click()内的alert()没有被调用。我试图将.click函数放在$(document).ready()中,但没有解决问题。有人有什么想法吗?谢谢!

脚本:

 $('#check_all').click(function() 
 {      
    alert("here");
    var oTable = $('#users').DataTable();
  });

HTML部分:

<DIV id ="tablePanel">
   <table class="userTable" cellpadding="4" rules="all" border="1" id="users">      
      <THEAD>                                                                 
         <TR>                                    
           <th><input type="checkbox" id ="check_all"  class="call-checkbox" name="check_all">Select  users</th>
           <th>User Id</th>
           <th>Full Name</th> 
         </TR>
      </THEAD>
      <TBODY>
      <TBODY>
    </table>   
</DIV>

1 个答案:

答案 0 :(得分:0)

你错过了结束&#34;)&#34;在click事件处理函数上。您还应确保在DOM准备就绪后将任何绑定放在jQuery的document.ready()函数中。

完整语法是$(document).ready(function(){..});但它可以缩短为$(function(){...});

$(function () {
    $('#check_all').click(function () {
        alert("here");
        var oTable = $('#users').DataTable();
    });
});

演示:http://jsfiddle.net/BenjaminRay/qe0ckve8/