我在使用 jquery 在 2 个复选框之间切换时遇到困难。目前这就是我所拥有的。
<div id="chkBoxList" onclick="CheckBoxToggle()">
<font size="2">
<input type="checkbox" class="all" name="empType" id="empType1" value="BWR is a Full Time employee. " checked="checked" disabled="disabled"/>
Full Time
<input type="checkbox" class="all" name="empType" id="empType2" value="BWR is a Part Time employee. " /> Part Time
</font>
</div>
jquery 如下。
function CheckBoxToggle() {
$('#chkBoxList').click(function () {
var $checkbox = $(this).find(':checkbox');
$checkbox.prop('checked', !$checkbox[0].checked);
$checkbox[1].checked;
$checkbox.trigger('change');
});
}
但这要么会切换为选中或未选中。因为,一个的初始值被选中并禁用,当单击第二个时,我希望其他值被选中并禁用,而第一个将被取消选中和禁用。如有任何帮助,我们将不胜感激。
最佳答案
<html>
<body>
<form name=f1 id=f1>
<input type=checkbox name=chk1 id=chk1 onclick=javascript:document.f1.chk2.checked=!document.f1.chk1.checked;> Check 1<BR>
<input type=checkbox name=chk2 id=chk2 onclick=javascript:document.f1.chk1.checked=!document.f1.chk2.checked;> Check 2<BR>
</form>
</body>
</html>
关于javascript - 使用 jquery 或 javascript 在 2 个复选框之间切换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17372440/