javascript - 使用javascript获取复选框的状态

Question

我正在尝试用 jquery 编写一个 javascript，它应该能够挑选出并使用有关是否选中复选框的信息。每次单击复选框(具有 id“edit-toggle-me”)时都应该发生这种情况。我为此编写了一个测试函数，其中包含一些 alert() 以查看我是否成功。

(function ($) {
    "use strict";
    $(document).ready(function () {

        $('#edit-toggle-me').click(function(){

            if ($('#edit-toggle-me').checked()) {
                alert('Yup!');
            }
            else {
            alert('Nup!');
            }


        });
    });

})(jQuery);

它没有执行任何警报，所以我猜它会在 $('#edit-toggle-me').checked() 处崩溃。虽然我不知道为什么。

我也试过这个:

(function ($) {

    $(document).ready(function () {

        $('#edit-toggle-me').click(function(){
            var elementy = document.getElementById('edit-toggle-me');
            var check = elementy.value;
            alert(check);
            if(elementy.checked()) {
                alert('yup');
            }
        });
    });
})(jQuery);

第一个警报有效，但后两个 'yup' 或 'nup' 均无效。

然后我也尝试了这个:

(function ($) {

     $(document).ready(function () {

        $('#edit-toggle-me').click(function(){

            var element2 = document.getElementById('edit-toggle-me');
            var check = element2.value;
            alert(check);

        });
    });
   })(jQuery);

这总是返回 1。我也不明白为什么。

感谢任何提示。

Answer 1

使用 .is(':checked')。您可以找到文档 HERE .

JSFIDDLE