如何使用 JavaScript 確定選定複選框的值？

辨識選取的複選框值

在Web開發中，經常需要擷取選取的複選框的值，尤其是涉及表單的場景提交或資料操作。考慮以下程式碼片段：

<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">let checkedCheckboxValue = document.querySelector('.messageCheckbox').checked;</code>

此方法涉及利用querySelector方法選擇類別名為「messageCheckbox」的第一個元素，然後檢索它的checked屬性，傳回一個布林值，指示複選框是否被選取。如果多個複選框共享相同的類別名，程式碼將僅選擇並傳回第一個選取的複選框的值，如問題要求中所示。

此解決方案有效地捕獲了選取的複選框的值，允許進一步處理，例如提交表單資料或根據所選值執行其他操作。

以上是如何使用 JavaScript 確定選定複選框的值？的詳細內容。更多資訊請關注PHP中文網其他相關文章！