如何单击复选框并知道是否已选中？

Question

$('.p_check').click(function() {
          if ($(this).is(':checked')) {
              alert("checked");
          } else {
               alert("unchecked");
          }
       });

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

<div class='checkbox p_check'><label><input type='checkbox'>New Password</label></div>

我的警报总是"unchecked"，无论我是否选中它

Answer 1

您正在使用 div 作为检查元素，但您应该使用复选框：

$('.p_check').click(function() {
var cb =    $(this).find('input[type="checkbox"]');
          if (cb.is(':checked')) {
              alert("checked");
          } else {
               alert("unchecked");
          }
       });