JQuery Sync 2のチェックボックス

Question

次のコードを使用して2つの入力ボックスを同期しています。

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

上記の作業は素晴らしいですが、チェックボックスにも同じ操作を行う必要があります。

私の質問は...チェックボックスを使用するためのコードを変更するにはどうすればよいですか？

Answer 1

の利用attr('checked')：

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

thisをjQueryに渡す必要はありません。素早く素朴なDOM要素のプロパティにアクセスすることができます。

Answer 2

あなたが最初のチェックボックスたび最初のチェックボックスの変更（ので、我々はchangeイベントにバインド）にそのプロパティの値に応じて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')); 
}); 

を