Question

这是我的小提琴链接，我不知道如何执行复选框检查事件以启用禁用按钮。

 http://jsfiddle.net/ojtca35b/2/

这里我禁用了所有复选框。我想做以下的操作。如果我点击组选择器，它必须启用＆＃34;删除，电子邮件和pdf按钮＆＃34; 。如果用户单击任何一行，则必须启用所有按钮。

请帮助我，这可能是一个现有的问题，但我找不到正确的解决方案来解决它。

Answer 1

您可以使用.on('change', func)：

var editInvoice = $('.edit-invoice');
var deleteInvoice = $('.delete-invoice');
var emailInvoice = $('.email-invoice');
var pdfInvoice = $('.pdf-invoice');

$('.group-checkable').on('change', function () {
        if (!this.checked) {
            editInvoice.prop('disabled', false);
            deleteInvoice.prop('disabled', true);
            emailInvoice.prop('disabled', true);
            pdfInvoice.prop('disabled', true);
        }
        else {
            editInvoice.prop('disabled', true);
            deleteInvoice.prop('disabled', false);
            emailInvoice.prop('disabled', false);
            pdfInvoice.prop('disabled', false);
        }
});

$('.checkboxes').on('change', function () {        
    if (this.checked) {
        editInvoice.prop('disabled', false);
        deleteInvoice.prop('disabled', false);
        emailInvoice.prop('disabled', false);
        pdfInvoice.prop('disabled', false);
    }
    else {
        editInvoice.prop('disabled', true);
        deleteInvoice.prop('disabled', true);
        emailInvoice.prop('disabled', true);
        pdfInvoice.prop('disabled', true);
    }
});

<强> jsfiddle Demo

用户单击复选框时启用和禁用按钮

1 个答案: