Question

如何选中复选框或不选中复选框

$('body').on('click','.beach_access,.parks,.neighborhood_parks',function(e){
            if($(this).is(":checked")){
                alert("Checkbox is checked.");
            }
            else if($(this).is(":not(:checked)")){
                alert("Checkbox is unchecked.");
            }

         });

始终＆＃34;未选中复选框。＆＃34;警报。

Answer 1

试试这个...

<form>
<input type="checkbox" id="checkbox_id">
</form>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>

    $('#checkbox_id').click(function(){
      if ($(this).is(':checked')){
        alert('Checked');
      }
      else{
        alert('Not Checked');
      }
    });
    </script>

Answer 2

如果您使用的是最新的Jquery库版本之一，则必须使用.prop方法来解决您的问题。所以你的代码应该写成如下：

$('body').on('click','.beach_access,.parks,.neighborhood_parks',function(e){
  if($(this).prop('checked')){
     alert("Checkbox is checked.");
  }`enter code here`
  else {
     alert("Checkbox is unchecked.");
  }
});

如何检查，复选框选中或不选中

2 个答案: