使用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);

第一个警报有效,但两个都没有,或者最后两个'是'或'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').你可以在这里找到这些文件.

的jsfiddle