jquery - jQuery 复选框状态总是报告选中

Question

我在复选框上使用更改功能来测试复选框是选中还是未选中，但是当我选中或取消选中该框时，它总是报告为已选中。当更改功能触发器看起来合乎逻辑时获取复选框的状态，但我可能有语法错误。

看到这个小提琴，谢谢你的建议

http://jsfiddle.net/Fx6rK/

<input type="checkbox" id="hide_replies" />
<label for="hide_replies">hide replies</label>

$(document).ready(function() {
   var replies_check = $('#hide_replies')
   replies_check.change(function() {
     if ( 'replies_check:checked' ) {
      alert('checked');
     }
  });
});

Answer 1

$(document).ready(function() {
   var replies_check = $('#hide_replies')
   replies_check.change(function() {
       if (replies_check.is(":checked")) {
       alert('checked');
       }
   });
});

在这里提琴

Answer 2

<input type="checkbox" id="hide_replies" />
<label for="hide_replies">hide replies</label>
<script type="text/javascript">
$(document).ready(function() {
   $('#hide_replies').click(function() {
     if ( $('#hide_replies').is(':checked') ) {
      alert('checked');
     }
  });
});
</script>

Answer 3

尝试这个：

$(document).ready(function() {
   var replies_check = $('#hide_replies')
   replies_check.change(function() {
    if ($(this).is(':checked' )) {
        alert('checked');
    }else{
        alert('not checked');
    }
   });
});

在这里工作小提琴：http: //jsfiddle.net/Fx6rK/3/

Answer 4

尝试以下操作：

$(document).ready(function() {
   var replies_check = $('#hide_replies');
   replies_check.change(function() {
   alert($('#hide_replies').is(':checked') );
  });
});