Question

<input class="jProblemClass" id="Checkbox{%= ID %}" type="checkbox" onchange="problemPicker.onChangeProblemCheckBox('{%=ID %}');"/>

首次检查或取消选中后，没有任何反应。第二次点击后，调用我的函数problemPicker.onChangeProblemCheckBox，但我先得到ID。为什么？可以帮助我吗？

onChangeProblemCheckBox: function(id) {
    if ($('#CheckBox' + id).attr("checked") == true) {
        problemPicker.addToCheckProblems(id);

        var checkboxes = $('.jProblemClass:checked');

        if ((checkboxes.length > general.limit) && (general.limit != 0)) {
            alert('The limit of ' + general.limit + ' problems exceeded. Please deselect ' + (checkboxes.length - general.limit).toString() + '.');
        }
    } else {
        problemPicker.delFromCheckProblems(id);
    }
},

Answer 1

使用onclick事件代替onchange .. 原因... 根据我读过的Javascript引用，onchange之后会发生火灾焦点丢失了。除非你点击其他地方，否则焦点不会在IE中丢失。其他浏览器不能等待焦点丢失射击onchange - 这表明他们没有正确遵循规范（尽管在这一点上开火更有意义）。如何使用改为onclick和onkeydown / onkeyup（通过使用onclick和 onkeyup / onkeydown，你可以覆盖鼠标和键盘设置复选框）。参考：http://www.winvistatips.com/re-onchange-event-checkbox-not-working-properly-t311364.html

Answer 2

我认为问题出在这里：$('#CheckBox' + id).attr("checked") == true。根据HTML规范，当此事件触发时，checked应设置为"checked"。因此，请尝试使用$('#CheckBox' + id).attr("checked") == "checked"甚至$('#CheckBox' + id).attr("checked")等内容。

作为第二种选择，我建议您使用纯jquery来运行您的例程。例如，如果您有<input type="checkbox" id="ac">复选框，则可以使用此jq代码来处理您的例程：

$(document).ready(function() {
    $("input[type=checkbox]").change(function() {
        alert("Am i checked? - " + $(this).attr("checked") + "\nMy ID:" + $(this).attr("id"));
    });
});

此案例显示在this demo。

中

Answer 3

请尝试使用if($('#CheckBox' + id + ':checked').length > 0)，这样您就可以让jQuery知道复选框是checked还是不是。

此外，如果onChangeProblemCheckBox使用problemPicker中的任何内部属性但未使用完整路径引用它们，即problemPicker.nnnnn它将失败，因为事件将在元素的上下文中触发，而不是problemPicker。就像函数被调用一样$('#CheckBox' + id).onChangeProblemCheckBox()。

Html checkBox onchange无法正常工作

3 个答案: