Question

我的数据表中有复选框列，如果没有点击复选框，我想隐藏一个按钮。[包括分页]。下面是我用来获取单击按钮时的值的代码，请咨询

$('#button').click(function () {
    var id = "";
    var oTable = $("#userTable").dataTable();
    $(".groupCheckBox:checked", oTable.fnGetNodes()).each(function () {
        if (id != "") {
            id = id + "," + $(this).val();
        } else {
            id = $(this).val();
        }

    });
});

Answer 1

您可以为所有复选框添加事件侦听器。每当某些内容发生变化时，您都会检查所有内容是否未经检查=＆gt;禁用按钮，否则=＆gt;启用按钮。

$(".groupCheckBox").on('change', function(){
    if($(".groupCheckBox:checked", oTable.fnGetNodes()).length == 0){
        $('#merge_button').prop('disabled', true);
    }else{
        $('#merge_button').prop('disabled', false);
    }
});

Answer 2

默认情况下已禁用

$('#merge_button')，并且所有change元素都有$('.groupCheckBox')个事件侦听器。在事件处理程序中，检查是否选中了任何复选框以更新按钮属性：

$('.groupCheckBox').on('change', function() {
  $('#merge_button').prop('disabled', $('input.groupCheckBox:checkbox:checked').length === 0);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="checkbox" class="groupCheckBox">
<input type="checkbox" class="groupCheckBox">
<input type="checkbox" class="groupCheckBox">
<input type="checkbox" class="groupCheckBox">
<input type="checkbox" class="groupCheckBox">
<input type="checkbox" class="groupCheckBox">
<input type="checkbox" class="groupCheckBox">
<input type="checkbox" class="groupCheckBox">

<hr>

<button id="merge_button" disabled>Merge</button>

如果没有单击复选框，如何禁用按钮

2 个答案: