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

使用attr('checked')而不是val()

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

Answer 3

嘗試類似：

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