如果未选中任何复选框,请选中第一个复选框
Check the first checkbox, if no checkbox is selected
我有这个HTML代码
<input type="checkbox" name="city_pref[]" id="city_all" value="0" checked /><label for="city_all">All</label>
<input type="checkbox" name="city_pref[]" id="city_pref_1" value="Chicago" /><label for="city_pref_1">Chicago</label>
<input type="checkbox" name="city_pref[]" id="city_pref_2" value="Texas" /><label for="city_pref_2">Texas</label>
而且,我把我的代码放在小提琴里,它工作正常。我真正想做的是,当没有选中任何复选框时,我希望自动选中all复选框。
尝试以下操作:
$('input[type=checkbox]').change(function(){
if ($('input[type=checkbox]:checked').length == 0) {
$('#city_all').prop('checked', true)
}
})
演示
$('input[type="checkbox"]').change(function(){
if($('input[type="checkbox"]:checked').length == 0)
$('#city_all').attr('checked', 'checked');
});
您真正需要的只是一行?
$('input[type="checkbox"][name="city_pref[]"]').on('change', function(e){
this.checked ? $(this).siblings('[name="city_pref[]"]').prop('checked', false) : $("#city_all").prop('checked', true);
});
FIDDLE
相关文章:
- 复选框:一次只允许单击一个复选框
- jquery从2个json字符串构建一个复选框表单
- 聚合物铁形式验证至少选中一个复选框
- 我有多个复选框,并希望为其中 2 个制定规则,以便如果我选择 1 个,则无法选择另一个
- 如何从多个复选框中获取最后一个值
- 选中复选框的Jquery/Javascript问题使用输入框操作将行从一个表添加到另一个表
- 在单击一个或多个复选框的同时调用iframe
- 如何创建只允许用户在选中前一个复选框的情况下选择复选框的复选框验证
- 复选框一次选中一个不在gridview中工作
- 是否可以让一个复选框包含一个函数
- JSFiddle中的分组复选框:第1部分
- Jquery复选框影响一个项目而不是所有项目
- 向每个复选框添加一个eventListener
- 表单与复选框输入字段,反之亦然-缺少第一个值
- jquery从另一个复选框控制一个复选复选框
- 根据选中的复选框返回一个字符串
- 函数Javascript的复选框在一个asp:表
- Javascript复选框:使用一个按钮将一个组更改为checked
- 如何为每个复选框分配一个唯一的id
- 通过单击复选框将一个文本框中的数据复制到另一个文本框中