JavaScript でチェックボックスを動的にオンまたはオフにする方法

JavaScript を使用してチェックボックスの状態を動的に操作する

JavaScript には、Web ページからチェックボックスのチェック状態を制御するためのさまざまなメソッドが用意されています。チェックボックスをオンまたはオフにする方法は次のとおりです。

チェックされたプロパティの使用

のチェックされたプロパティ要素を true または false に直接設定してチェックまたはチェックを外すことができます。

<br>// Check<br>document.getElementById("checkbox").checked = true;</p> <p>// チェックを外します<br>document.getElementById("checkbox").checked = false;<br>

jQuery (v1.6 ) の使用

jQuery は、より柔軟な操作方法である prop() を提供します。チェックされた要素を含む要素のプロパティstate:

<br>// チェック<br>$("#checkbox").prop("checked", true);</p>
<p>// チェックを外します<br> $("#checkbox").prop("チェック済み", false);<br>

jQuery (v1.5-) の使用

jQuery v1.6 より前では、attr( ) メソッドがプロパティ操作に使用されました。まだ機能しますが、これはチェックボックスにとって最も信頼できるアプローチではありません:

<br>// Check<br>$("#checkbox").attr("checked", true);</p>
<p>// <br>$("#checkbox").attr("checked", のチェックを外しますfalse);<br>

これらのメソッドを利用すると、チェックボックスの状態を動的に更新でき、対話型 Web インターフェイスを構築し、プログラムでフォーム入力を制御できるようになります。

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