保持复选框选中,每组只检查1个复选框

时间:2015-02-11 23:10:01

标签: forms checkbox

我希望结合两件事:

a)确保选中复选框后,在提交后仍保持检查状态,AND

b)只允许一次检查每组一个复选框(例如下面的一个)。不幸的是,我无法使用单选按钮!

我可以做一个)& b)孤立但遗憾的是似乎无法将它们结合起来!请帮帮忙?

<form>
  <input type="checkbox" name="a" value="low" <?php if(isset($_POST['a'])) echo "checked='checked'"; ?>/>
  <input type="checkbox" name="b" value="mid" <?php if(isset($_POST['b'])) echo "checked='checked'"; ?>/>
  <input type="checkbox" name="c" value="hi" <?php if(isset($_POST['c'])) echo "checked='checked'"; ?>/>
</form>

1 个答案:

答案 0 :(得分:0)

使用jQuery,我能够创建一个只允许一次点击一个复选框的功能。

$('.check').click(function(){
if($('.check:checked').length == 1){
    $('.check:not(:checked)').attr('disabled',true);
}
else if($('.check:checked').length == 0){
    $('.check:not(:checked)').removeAttr('disabled');
}
});

<p>Check a box</p>
<input type="checkbox" class="check" />
<input type="checkbox" class="check" />
<input type="checkbox" class="check" />

DEMO