首頁 >web前端 >js教程 >如何在 JavaScript 中檢索選定複選框的值?

如何在 JavaScript 中檢索選定複選框的值?

DDD
DDD原創
2024-10-21 17:26:02820瀏覽

How Can I Retrieve the Value of a Selected Checkbox in 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() 進行單一選擇

由於要求指定只能有一個選取的複選框,因此我們可以利用document.querySelector() 方法來選擇選取的複選框。

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

此程式碼將傳回一個布林值(如果選取核取方塊則為 true,否則為 false)。

以上是如何在 JavaScript 中檢索選定複選框的值?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn