javascript - 使用js检查动态复选框是否被选中

Question

我有一个动态复选框，我想检查一个复选框是否被选中。当我选中或取消选中第一个复选框时，它工作得很好。如果我取消选中剩余的复选框，它会提醒“已选中”。请帮助我解决这个问题。

JQUERY

function CheckRow(ProjectID, BID, LID, PID, ImageID, StatusID) {
    if ($("#chkProjectID").prop('checked') == true) {
        alert('checked');
        Checked(ProjectID, BID, LID, PID, ImageID, StatusID);
    } else {
        alert('Unchecked');
        Unchecked(ProjectID, BID, LID, PID, ImageID, StatusID);
    }
}

HTML

<input type="checkbox" id="chkProjectID"  onclick="CheckRow(ProjectID=' + full.ProjectID + ',BID=' + full.BID+ ',LID=' + full.LID+ ',PID=' + full.PID+ ',ImageID=' + full.ImageID + ',StatusID=' + full.StatusID + ')" />

Answer 1

它的发生是因为您仅检查第一个复选框。如果您动态创建了多个复选框并想要检查其是否已选中，请按如下所示更改您的代码:

<input type="checkbox" id="chkProjectID"  onclick="CheckRow(this, ProjectID=' + full.ProjectID + ',BID=' + full.BID+ ',LID=' + full.LID+ ',PID=' + full.PID+ ',ImageID=' + full.ImageID + ',StatusID=' + full.StatusID + ')" />

function CheckRow(_this, ProjectID, BID, LID, PID, ImageID, StatusID) {
       //it will check for current checkbox
       if ($(_this).prop('checked') == true) {
            alert('checked');
            Checked(ProjectID, BID, LID, PID, ImageID, StatusID);
        }
        else {
            alert('Unchecked');
            Unchecked(ProjectID, BID, LID, PID, ImageID, StatusID);
        }
}