jQueryを使用してチェックボックスを適切にオンまたはオフにする方法は?

jQuery を使用してチェックボックスに「チェック済み」を設定する

多くの開発者は、次を使用してチェックボックスの「チェック済み」属性を設定したいと考えています。 jQuery や、.checked() や .selected() などのメソッドを使用しようとする人もいます。ただし、これらのメソッドは jQuery には存在しません。

モダン jQuery

最新バージョンの jQuery で「checked」属性を設定するには、.prop( ) メソッド:

$('.myCheckBox').prop('checked', true);  // Check the checkbox
$('.myCheckBox').prop('checked', false); // Uncheck the checkbox

DOM API

もう 1 つのオプションは、基礎となる HTMLInputElement オブジェクトにアクセスし、.checked プロパティを直接設定することです:

$('.myCheckBox')[0].checked = true;  // Check the checkbox
$('.myCheckBox')[0].checked = false; // Uncheck the checkbox

jQuery 1.5.x およびそれ以下

古いバージョンの jQuery (以前) の場合1.6) では、.prop() メソッドは利用できないため、代わりに .attr() を使用できます。

$('.myCheckBox').attr('checked', true);  // Check the checkbox
$('.myCheckBox').attr('checked', false); // Uncheck the checkbox

.removeAttr('checked') の使用中は、合理的なアプローチでは、チェックボックスを含むフォームを操作するときに予期しない動作が発生する可能性があります。したがって、jQuery で「checked」属性を設定するには、.prop() または .attr() を使用することをお勧めします。

以上がjQueryを使用してチェックボックスを適切にオンまたはオフにする方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。