Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在使用jquery的数据表中,如何查看复选框是否被切换并根据该复选框执行操作?_Javascript_Jquery_Datatables_Jquery Datatables Checkboxes - Fatal编程技术网

Javascript 在使用jquery的数据表中,如何查看复选框是否被切换并根据该复选框执行操作?

Javascript 在使用jquery的数据表中,如何查看复选框是否被切换并根据该复选框执行操作?,javascript,jquery,datatables,jquery-datatables-checkboxes,Javascript,Jquery,Datatables,Jquery Datatables Checkboxes,我有一个按钮,我需要根据是否选中我的数据表中的任何复选框隐藏或可见 <input type = "submit" id = "update-button" class = "ml-5 btn btn-warning" value = "Update Selected" style = "color: white" hidden> 我现在想检查是否有任何复选框被点击。。。也就是说,每当

我有一个按钮,我需要根据是否选中我的数据表中的任何复选框隐藏或可见

<input type = "submit" id = "update-button" class = "ml-5 btn btn-warning" value = "Update Selected" style = "color: white" hidden>
我现在想检查是否有任何复选框被点击。。。也就是说,每当用户单击复选框时,我都希望生成一个“开”函数。然后,该函数将检查datatable中勾选的复选框数量。如果数字大于0,它将显示输入按钮(通过删除隐藏属性),如果不大于0,它将把隐藏属性更改为true

但是我不明白这个函数应该怎么称呼 像

我应该写什么来代替#教室(教师)表格体,以便仅在单击/取消选中复选框时调用此函数


还有,我能在我的桌子里做吗?不是创建一个全新的Jquery函数?

如果我没弄错的话,这就是您想要的:

$(文档).ready(函数(){
变量表=$('#示例')。数据表({
'ajax':'https://gyrocode.github.io/files/jquery-datatables/arrays_id.json',
“columnDefs”:[
{
“目标”:0,
“复选框”:{
“selectRow”:true,
“selectCallback”:函数(节点,选定){
var rows_selected=table.column(0).复选框.selected();
如果(rows_selected.length>0)$(“#更新按钮”).show();
else$(“#更新按钮”).hide();
}
}
}
],
'选择':'多',
“订单”:[1,‘asc']]
});
});



名称 位置 办公室 Extn 开始日期 薪水 名称 位置 办公室 年龄 开始日期 薪水
注意,您在
$(“#教室(教师)表格主体中缺少一个
)。在(“单击”,function(){/code>之后
#教室(教师)表格主体
@CarstenLøvboAndersen是的,谢谢您的更正。不过,我只是用它作为一个例子来解释我想做的事情。
<script src="https://cdn.datatables.net/1.10.21/js/jquery.dataTables.min.js"></script>
  <script type="text/javascript" src="//gyrocode.github.io/jquery-datatables-checkboxes/1.2.12/js/dataTables.checkboxes.min.js"></script>
var table = $("#classroom_teachers_table").DataTable({
      "processing": true, 
      "paging": true,
      "serverSide": true, 
      "info": false,
      "ajax": {
        url: "action.php", 
        method: "POST", 
        data: {action: "get_classroom_teachers"},
      },
      'columnDefs': [
         {
            'targets': 0,
            'checkboxes': {
               'selectRow': true
            }
         }
      ],
      'select': {
         'style': 'multi'
      },
      'order': [[1, 'asc']]
      
    });
$("#classroom_teachers_table tbody).on("click", function(){ 

*function*

)};