如何使用 JavaScript 檢索選取的複選框的值？

檢索選取方塊的值

在 Web 開發領域，通常需要擷取元素的值，特別是當處理表單提交時。需要此功能的常見元素是複選框。

假設您有以下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 類別的元素。由於指定只有一個複選框，因此該行將傳回第一個匹配元素。

然後檢查所選複選框的checked屬性，如果該框被選中，則傳回true，否則傳回false如果不是的話。這使您可以輕鬆確定與選取的核取方塊關聯的值。

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