依赖复选框,您认为这可以简化更多吗?
Dependent checkbox, do you think this can be simplified more?
我有以下代码正在工作,我想知道这是否可以简化更多。
演示:http://jsfiddle.net/TnpNV/8/
<form name="cbform">
<input type="checkbox" value="1" name="one" id="one" /> one<br />
<input type="checkbox" value="1" name="two" id="two" /> two
</form>
<script>
$('#one, #two').click(function(event) {
var checked = $(this).is(':checked');
if (checked) {
$('#one').attr('checked', true);
$('#two').attr('checked', true);
}
else {
$('#one').attr('checked', false);
$('#two').attr('checked', false);
}
});
</script>
它基本上是一个相互依赖的两个复选框。Jquery被用来检查和取消选中它们。
问候
压缩大多数工作演示 http://jsfiddle.net/U5GfF/或 http://jsfiddle.net/U5GfF/3/
这是您可以为您的代码获得的最少行版本:即
this.checked
将返回true
和false
,并在单击时休息事件prop
将相应地设置checked
属性。 :)
希望这有帮助,
法典
$("#one, #two").click(function() {
$("input").prop('checked', this.checked);
});
或
$("#one, #two").click(function() {
$("#one, #two").prop('checked', this.checked);
});
或
$("#one, #two").on('click', function() {
$("#one, #two").prop('checked', this.checked);
});
您可以使用prop()
方法:
$('#one, #two').click(function(event) { // or $("input:checkbox")
if ($(this).is(':checked')) {
$('#one, #two').prop('checked', true); // or $("input:checkbox")
} else {
$('#one, #two').prop('checked', false);
}
});
演示
试试这个,只有 2 行:-)
现场演示:
http://jsfiddle.net/TnpNV/15/
对于 jQuery 现代版本:
$('#one, #two').on('click', function(e) {
var prop = ($(this).is(':checked')) ? true : false;
$('#one, #two').prop('checked', prop);
});
对于jQuery旧版本(因为我在您的jsFiddle中看到您正在使用jQuery 1.4.4版本)此外,此代码将适用于所有版本。
$('#one, #two').click(function(e) {
var prop = ($(this).is(':checked')) ? true : false;
$('#one, #two').attr('checked', prop);
});
相关文章:
- 如何在angularJS中编辑时,如果DB中的值为true,则设置复选框,如果值为false,则取消选中复选框
- 正在验证8个真/假复选框或复选框中的2个
- 为复选框javascript指定两个值
- 如何在单击复选框后调用控制器方法
- 从复选框和Selects-KnockoutJS中获取值的总和
- 选中多个具有相同名称的复选框
- 使用Jquery选择或取消选择ListView中的所有复选框
- Jquery表单验证插件-如果选中复选框,如何在提交时执行某些操作
- 使用$.ajax发布多个复选框
- AngularJS单选筛选不适用于Name、Description和Field4复选框值
- jquery中的复选框依赖项
- 如何在Knockout.js中选中复选框时更新视图模型及其依赖项
- 依赖复选框,您认为这可以简化更多吗?
- 数组输入复选框上的“依赖”复选框
- 如何在knockoutjs中实现复选框依赖关系
- 显示和隐藏表单字段(li)依赖于复选框
- LiveCycle -多个计算依赖于选中的复选框和输入字段
- 我如何使内容依赖的复选框,在JavaScript中的复选框
- 使用Django、CSS和Javascript使HTML表单文本字段依赖于复选框的选择
- Jsp:复选框和超链接依赖关系