首頁 > web前端 > js教程 > 主體

如何在 JavaScript 中取得選取複選框的值?

Mary-Kate Olsen
發布: 2024-10-21 17:06:02
原創
402 人瀏覽過

How to Get the Value of a Checked Checkbox in JavaScript?

在JavaScript 中取得選取核取方塊的值

在Web 開發中,取得選取核取方塊的值是一項常見任務。給定一組複選框,目標是檢索與目前選取的複選框關聯的值。

解決方案

要提取選取的複選框的值,我們可以利用 querySelector 函數的 .checked 屬性。語法如下:

<code class="javascript">document.querySelector('.messageCheckbox').checked;</code>
登入後複製

這行程式碼擷取與 messageCheckbox 類別相符的第一個元素並傳回選取的屬性。如果複選框被選中,則傳回 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”。如果第二個複選框被選中,它將返回“1”。

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

來源:php
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板