Question

我有两个复选框。我希望这个算法发生：如果我检查checkbox1我想要取消选中复选框2，然后如果我检查checkbox2我想取消选中checkbox1。因此，我只需要选择一个复选框。我想在jquery中这个。谢谢..

HTML

<input type="checkbox" name="checkme" id="cc1">Check Me1</input>
<input type="checkbox" name="checkme" id="cc2">Check Me2</input>

的JavaScript

$('#cc1').change(function(){
    var c = this.checked ? $('#cc1').prop('checked', true) : $('#cc2').prop('checked', false);
});
$('#cc2').change(function(){
    var c = this.checked ? $('#cc2').prop('checked', true) : $('#cc1').prop('checked', false);
});

http://jsfiddle.net/z4nKW/

Answer 1

$('#cc1').change(function(){
  $('#cc2').prop('checked', !$(this).prop('checked'));
});

$('#cc2').change(function(){
  $('#cc1').prop('checked', !$(this).prop('checked'));
});

也许单选按钮更适合这种情况。

<强> THE DEMO>

Answer 2

单选按钮确保只选择一个项目：

<form>
    <input type="radio" name="sex" value="male">
    <input type="radio" name="sex" value="female">
</form>

^{source (w3schools)}

Answer 3

使用单选按钮：

<input type="radio" name="option">Option 1</input>
<input type="radio" name="option">Option 2</input>

Answer 4

这本身就是一个javascript元素，因此没有“检查”属性。

你需要将它包装在jQuery中，如下所示：

$(this).checked

Answer 5

你也可以这样做

<强> HTML

<input type="checkbox" name="checkme"  class="check" id="cc1">Check Me1</input>
 <input type="checkbox" name="checkme"  class="check"  id="cc2">Check Me2</input>

<强> JQuery的

$(".check").each(function()
{
    $(this).change(function()
    {
        $(".check").prop('checked',false);
        $(this).prop('checked',true);
    });
});

jquery在两个复选框之间选择一个复选框

5 个答案: