JavaScript でチェックボックスの状態を切り替えるには?

JavaScript でチェックボックスの切り替え機能を実装する方法

チェックボックスのチェック状態を動的に管理するために、JavaScript は効率的なソリューションを提供します。さまざまなアプローチを見てみましょう:

ネイティブ JavaScript との切り替え

document.getElementById("checkbox") を使用して ID を使用してチェックボックスにアクセスします。ボックスをチェックするには、checked プロパティを true に設定します。逆に、チェックを外すには、プロパティを false に設定します。

// Check
document.getElementById("checkbox").checked = true;

// Uncheck
document.getElementById("checkbox").checked = false;

jQuery との切り替え (バージョン 1.6 )

jQuery 1.6 以降では、prop メソッドは以下を提供します。チェックボックスの状態を変更する便利な方法です。ボックスをチェックするには、$().prop("checked", true) を使用します。チェックを外すには、$().prop("checked", false) を使用します。

// Check
$("#checkbox").prop("checked", true);

// Uncheck
$("#checkbox").prop("checked", false);

jQuery との切り替え (バージョン 1.5 以下)

以前jQuery バージョン (1.5 以下) では、attr メソッドを使用してチェックボックスの状態を制御します。構文は prop メソッドと同じです。

// Check
$("#checkbox").attr("checked", true);

// Uncheck
$("#checkbox").attr("checked", false);

これらのメソッドを利用すると、JavaScript コード内のユーザー インタラクションまたはプログラム ロジックに基づいてチェックボックスのチェック状態をシームレスに制御できます。

以上がJavaScript でチェックボックスの状態を切り替えるには?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。