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

Question

我有一个问题，这对你们来说可能很容易。我是 jquery 新手，正在尝试制作一个由选择框、复选框和 3 个单选按钮组成的表单(计算器)(有 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)
})