Question

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

<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();

如何在JQuery中单击哪个复选框

3 个答案: