“操纵输入”复选框

Manipulation of Input checkbox

本文关键字：复选框 操纵输入 输入 操纵      更新时间：2023-09-26

有人可以帮助我如何使用jQuery实现这一逻辑吗？

我的表单中有两个复选框。单击第一个复选框后，第二个复选框也会选中，反之亦然。我希望你能帮助我。谢谢！

假设第一个复选框的ID为checkbox1，第二个为checkbox2，则执行以下操作：

$('#checkbox1').bind('click', function() {
  $("#checkbox2").prop("checked", true);
});
$('#checkbox2').bind('click', function() {
  $("#checkbox1").prop("checked", true);
});

从技术上讲，这适用于n个复选框。指定一个链接复选框的类。当一个状态发生变化时，找到其余状态并将其设置为相同状态。

http://jsfiddle.net/bumqH/

<input class="pair" type="checkbox" />
<input class="pair" type="checkbox" />
$('.pair').change( function() {
    $('.pair').not($(this)).prop('checked', $(this).prop('checked'));
});

您可以（取消）将两个复选框都选中为单击的状态：http://jsfiddle.net/DVMPm/.这段代码适用于任何数量，不一定是两个。

$(":checkbox").click(function() {
    $(":checkbox").prop("checked", this.checked);
});
相关文章：