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

checkboxes behave like radiobuttons with different names

本文关键字：单选按钮 类似于 复选框      更新时间：2023-09-26

我有一个问题，对你们来说可能很容易。我是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/)

提前感谢！！希望你能帮助我

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

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

试试这个：-

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

演示

相关文章：