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

JavaScript で選択したチェックボックスの値を取得する方法

チェックボックスのグループを処理する場合、値を取得する必要がある場合があります。選択したチェックボックスをさらに処理するために選択します。この記事では、JavaScript でこれを実現する方法を検討します。

次の HTML マークアップを考えてみましょう:

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

単数選択に document.querySelector() を使用する

要件では、チェックボックスが 1 つだけ存在することが指定されているため、document.querySelector() メソッドを利用して、チェックボックスを選択できます。

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

このコードは、ブール値 (チェックボックスがオンの場合は true、そうでない場合は false)。

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