仅选择范围内的复选框

时间:2012-12-02 21:22:41

标签: jquery select

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

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

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

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

2 个答案:

答案 0 :(得分:3)

不要尝试直接设置checked属性。使用此:

// 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);
});

答案 1 :(得分:2)

这是你的想法吗?

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

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