複数のチェックボックスが画面上にあり、 ひとつをチェックすると他のチェックボックスもONにしたいときとか。 HTML ①チェックボックス ②チェックボックス JavaScript //チェックボックスの同期 $(document).on("change", "[id^='check']", function() { if ($("#"+ this.id).prop('checked')) { $("[id^='check']").prop("checked", true ); } else { $("[id^='check']").prop("checked", false ); } }); 「attr」でも出来るが、コードが長くなったので、「prop」を使うことにしました。 解説としては、 ・2行目 「チェックボックスのchangeイベント」を拾います。 ・4行目 「changeイベント