JavaScriptでチェックされたチェックボックスの値を取得するにはどうすればよいですか?

JavaScript でチェックされたチェックボックスの値を取得する

Web 開発では、チェックされたチェックボックスの値を取得するのが一般的なタスクです。一連のチェックボックスが与えられた場合、その目的は、現在チェックされているチェックボックスに関連付けられた値を取得することです。

解決策

チェックされたチェックボックスの値を抽出するには、次のようにします。 querySelector関数のプロパティ.checkedを利用します。構文は次のとおりです。

<code class="javascript">document.querySelector('.messageCheckbox').checked;</code>

このコード行は、messageCheckbox クラスに一致する最初の要素を取得し、checked プロパティを返します。チェックボックスがチェックされている場合は true を返します。それ以外の場合は false を返します。

例

次の HTML フラグメントを考えてみましょう:

<code class="html"><input class="messageCheckbox" type="checkbox" value="3" name="mailId[]">
<input class="messageCheckbox" type="checkbox" value="1" name="mailId[]"></code>

この例では、JavaScript コードを実行すると、チェックされたチェックボックスの値。最初のチェックボックスがチェックされている場合、「3」が返されます。 2 番目のチェックボックスがチェックされている場合、「1」が返されます。

以上がJavaScriptでチェックされたチェックボックスの値を取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。