jquery - 如何获取在 JQuery 中单击了哪个复选框

Question

对于以下示例，如何获取在 JQuery 中单击了哪个复选框？当我有多个 div 标签时，我不知道如何调用方法 click 。

<div class="caption">
 <div class="image-title>
  <p>Image shows a nautillus shell:</p>
  <div class="cb">
    <input type="checkbox" id="yes">Yes
    <input type="checkbox" id="no">No
  </div> 
 </div>
</div>

Answer 1

如果选中：

var cb = $('#yes');
if (cb.is(':checked')) { /* do something */ } 

如果点击：

$('#yes').click(function(){
    /* do something */
});

Answer 2

你给了ID每个input. 您可以为每个添加一个事件处理程序input：

$("#yes").click(function() {
   alert("yes was clicked");
});

或者附加更通用的事件监听器：

$(".cb input").click(function() {
  var id = $(this).attr("id");
  alert("Clicked ID: " + id);
}); 

虽然不确定为什么要使用clicked- 复选框使用checked状态。

Answer 3

在这种情况下最好使用单选按钮

<input type="radio" id="yes" name="status">Yes
<input type="radio" id="no" name="status">No

然后您可以使用获取选定的单选按钮值

   $('input:radio[name=status]:checked').val();