jquery - 仅选择跨度内的复选框

Question

对于一个项目，我正在制作一份清单。这个想法是访问者只能选择一个复选框，我不使用单选按钮的原因是因为我需要复选框（清单）。

我遇到的问题是我无法弄清楚选择器。我有 1 个主要问题和 3 个子问题。所有的问题都是跨度的，所以我可以使它们独一无二，但我不记得如何正确选择它。

$('span .sub_antwoord').click(function() {
    $('span .sub_antwoord').each(function() {
        $(this)[0].checked = false;
    });
    $(this)[0].checked = true;
});

这是项目http://jsfiddle.net/Ur4X9/的 jsFiddle如果单击复选框，您可以看到问题。我需要在每个问题中选择一个，ja 或 nee。

Answer 1

不要尝试直接设置选中的属性。用这个：

// deselect all checked boxes
$('span .sub_antwoord:checked').prop('checked', false);

这是一个工作小提琴：http: //jsfiddle.net/Ur4X9/3/

html

<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">

JavaScript

$('input[type=checkbox]').click(function(){
    $('input[type=checkbox]:checked').prop('checked', false);
    $(this).prop('checked', true);
});

​</p>

​</p>

Answer 2

这是你的想法吗？

$('span .sub_antwoord').click(function() {
   $(this).siblings('input').prop('checked',false); 
});

http://jsfiddle.net/Ur4X9/4/