Question

我有一个问题，这对你们来说可能很容易。我是jquery的新手，并试图做一个选择框，复选框和3个radiobuttons的形式（计算器）（3个相同的名称，只有一个或没有可以检查）。

当我提交表格时（第一次），每个输入的值保持与我想要的相同。但是当我第二次提交它而没有刷新/重置时，之前检查过的无线电按钮消失了，即使我在没有刷新的情况下重新点击一个无线电按钮并提交它，也不能通过php维护这个值。

所以我决定将单选按钮更改为复选框，这就是我需要你帮助的地方。

我需要3个复选框，只能选择一个或不能选择不同的“名称”。

<input type="checkbox" id="checkbox8" value="1" name="8" <?php if(isset($_POST['8']) && $_POST['8'] == '1') echo 'checked="checked"';?> />
<input type="checkbox" id="checkbox9" value="2" name="9" <?php if(isset($_POST['9']) && $_POST['9'] == '2') echo 'checked="checked" ';?> />
<input type="checkbox" id="checkbox10" value="3" name="10" <?php if(isset($_POST['10']) && $_POST['10'] == '3') echo 'checked="checked" ';?> />

我准备了这个：

[链接]（http://jsfiddle.net/ry4k8ve9/）

提前多多感谢!!希望你能帮帮我

Answer 1

只需在复选框中添加点击事件即可关闭其他人：

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

Answer 2

试试这个： -

var $unique = $('#checkbox8,#checkbox9,#checkbox10');
$unique.click(function() {
   $unique.not(this).removeAttr('checked');    
});

Demo

复选框的行为类似于具有不同名称的单选按钮

2 个答案: