JQuery Sync 2复选框

Question

我使用以下代码同步2个输入框。

$("#input_box_1").bind("keyup paste", function() {
    $("#input_box_2").val($(this).val());
});

上述效果很好，但我需要对复选框执行相同操作。

我的问题是......如何修改代码才能使用复选框？

Answer 1

每当第一个复选框发生更改时，您需要根据第一个复选框上该属性的值修改checked属性（因此我们绑定到change事件）：

$("#checkbox1").change(function() {
    $("#checkbox2").prop("checked", this.checked);
});

请注意，您不需要将this传递给jQuery，您只需访问原始DOM元素的属性即可。

Answer 2

尝试类似：

$("#input_box_1").on("change", function() {
    $("#input_box_2").prop('checked', $(this).prop('checked'));
});

Answer 3

使用attr('checked')代替val()

$("#input_box_1").bind("keyup paste", function() {
    $("#input_box_2").attr('checked', $(this).attr('checked'));
});