gpt4 book ai didi

javascript - 如果所有子复选框均未选中,如何删除选中的复选框?

转载 作者:行者123 更新时间:2023-11-28 13:21:07 24 4
gpt4 key购买 nike

我有一组复选框(Sub1、Sub2、Sub3)和一个主复选框。如果选中任何子复选框,则必须选中主复选框。如果所有子复选框均未选中,则只需取消选中主复选框,如果至少选中一个复选框,则必须选中主复选框。下面给出我的代码。

<!DOCTYPE html>
<html>
<script type='text/javascript' src="jquery-1.10.1.js"></script>
<script type='text/javascript'>
$(window).load(function() {
var chk1 = $("input[type='checkbox'][value='1']");

var chk2 = $("input[type='checkbox'][value='2']");
var chk3 = $("input[type='checkbox'][value='3']");
var chk4 = $("input[type='checkbox'][value='4']");

chk2.on('change', function() {
chk1.prop('checked', this.checked);
});

chk3.on('change', function() {
chk1.prop('checked', this.checked);
});

chk4.on('change', function() {
chk1.prop('checked', this.checked);
});
});
</script>

</head>

<body>

<input type="checkbox" value="1" class="user_name">Main1
<br>
<br>
<br>

<input type="checkbox" value="2" id="one" class="user_name">sub-2
<br>
<input type="checkbox" value="3" id="one" class="user_name">sub-3
<br>
<input type="checkbox" value="4" id="one" class="user_name">sub-4
<br>
</body>

</html>

最佳答案

您可以有一个单击处理程序,您可以在其中检查是否选中了任何子项目

$(function() {
var $checks = $("input.user_name:not(.main)"),
$main = $('input.user_name.main');
$checks.change(function() {
$main.prop('checked', $checks.is(':checked'))
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" value="1" class="user_name main">Main1
<br>
<br>
<br>

<input type="checkbox" value="2" id="one" class="user_name">sub-2
<br>
<input type="checkbox" value="3" id="one" class="user_name">sub-3
<br>
<input type="checkbox" value="4" id="one" class="user_name">sub-4
<br>

关于javascript - 如果所有子复选框均未选中,如何删除选中的复选框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32987583/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com