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

チェックされたチェックボックスの値の取得

Web 開発の領域では、特に次のような場合に要素の値を取得することが必要になることがよくあります。フォームの送信を操作します。この機能を必要とする一般的な要素の 1 つはチェックボックスです。

次の HTML コードがあるとします。

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

JavaScript を使用して現在チェックされているチェックボックスの値を取得するには、次のメソッドを使用します。 :

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

このコード行では、querySelector() メソッドを使用して、クラス messageCheckbox を持つすべての要素を選択します。チェックボックスが 1 つだけ存在するように指定されているため、この行は最初に一致する要素を返します。

選択されたチェックボックスの selected プロパティがチェックされ、ボックスが選択されている場合は true、または false を返します。そうでない場合は。これにより、チェックされたチェックボックスに関連付けられた値を簡単に判断できます。

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