Question

在我的Javascript文件中，我有两个不同复选框的监听器，但是当我选中/取消选中它们时它们不会被调用。这是复选框的html：

<input type="checkbox" class="checkbox" name="ApproverCheckBox" id="@Approver[0]" checked/>@Approver[1]</li>
<input type="checkbox" class="checkbox" name="AccessorCheckBox" id="@entry[0]" checked/>@entry[1]</li>

这是Javascript文件中不执行的部分：

$(document).ready(function () {

    //listener for accessor checkbox
    $('input[name=ApproverCheckBox]').change(function () {

        if ($(this).is(':checked')) {
            //AddAccessor(this.id);
            alert("it is working");
        }
        else {
            //RemoveAccessor(this.id);
            alert("it is working");
        }

    });

    //listener for approver checkbox
    $('input[name=ApproverCheckBox]').change(function () {

        if ($(this).is(':checked')) {
            //AddApprover(this.id);
            alert("it is working");
        }
        else {
            //RemoveApprover(this.id);
            alert("it is working");
        }

    });

});

我在测试的时候给他们添加了警报......请有人点亮。

Answer 1

试试这个:(添加HTML后放置）

    //listener for accessor checkbox
    $(document).on('change','input[name=ApproverCheckBox]', function() {

        if ($(this).is(':checked')) {
            //AddAccessor(this.id);
            alert("it is working");
        }
        else {
            //RemoveAccessor(this.id);
            alert("it is working");
        }

    });

    //listener for approver checkbox
    $(document).on('change','input[name=ApproverCheckBox]', function() {

        if ($(this).is(':checked')) {
            //AddApprover(this.id);
            alert("it is working");
        }
        else {
            //RemoveApprover(this.id);
            alert("it is working");
        }

    });

Answer 2

准备好的文档从未被调用，因为错误添加了脚本，文档就绪，内部有错误。

侦听器未调用复选框

2 个答案: