在复选框组中至少有一个复选框被选中
Have at least on checkbox in checkbox group visually(!) checked
我正在寻找一种方法来在一组复选框中至少在复选框上勾选。我唯一能找到的是验证方法,如果至少有一个复选框被选中,但你总是能够选中/取消选中最后一个复选框-是否有一种方法来确保,当用户单击复选框时,至少有一个复选框必须保持选中状态(并且只有当至少两个复选框被选中时,其中一个可以被选中)?
谢谢你的帮助!Vin
复选框'改变'的值,所以可能是最好的监听。记住"click"只会处理鼠标点击,所以你仍然可以改变val/enter或空格键。对于可访问性,我坚持使用onchange.
$(function () {
$('.cbClassSegments').on('change', function (e) {
!$(this).siblings(':checked').length &&
$(this).prop('checked', true) &&
e.preventDefault();
// move assignment down and prevent default action
cbObjSegments[this.id] = this.checked;
console.log(valuesTrueInObject(cbObjSegments));
})
})
html <input type="checkbox" value="1" checked>
<input type="checkbox" value="1">
<input type="checkbox" value="1">
标题>
尝试如下:
$('input[type="checkbox"]').click(function(event) {
var atLeastOneIsChecked = $('input[name="name"]:checked').length;
if(atLeastOneIsChecked<1){
event.preventDefault();
}
});
看看这提琴
相关文章:
- 我有多个复选框,并希望为其中 2 个制定规则,以便如果我选择 1 个,则无法选择另一个
- 如何发现至少有一个复选框被选中或没有使用javascript
- 我有两个复选框,只有一个可以点击
- 使用复选框有条件地更新 Bing 地图上的标记
- 是否可以让一个复选框包含一个函数
- 我有一个**Rad Combo Box**,其中有两个分隔符.如何仅从分隔符中删除复选框
- 如果有一个子项未选中,则取消选中父项复选框
- MVC中有两个复选框,但每次只允许一个复选框
- Jquery复选框影响一个项目而不是所有项目
- Angularjs如何根据另一个列表中是否存在重复元素来有条件地勾选一个复选框
- 有问题,获得一个复选框值与开关情况
- 我如何在引导中验证至少有一个复选框被标记并将此信息传递给php ?
- 向每个复选框添加一个eventListener
- jquery从另一个复选框控制一个复选复选框
- 根据选中的复选框返回一个字符串
- 函数Javascript的复选框在一个asp:表
- Javascript复选框:使用一个按钮将一个组更改为checked
- jquery复选框有一次变为选中/未选中,如果我再次尝试,它不会'不起作用
- 如何为每个复选框分配一个唯一的id
- 通过单击复选框将一个文本框中的数据复制到另一个文本框中