HTML可選框

HTML中的可選框（checkbox）是一種用於選擇多個選項的元素。它可以用於表單中，讓用戶選擇多個選項。

以下是一個基本的HTML可選框的示例：

<input type="checkbox" name="option1" value="Option 1"> Option 1<br>
<input type="checkbox" name="option2" value="Option 2"> Option 2<br>
<input type="checkbox" name="option3" value="Option 3"> Option 3<br>

在這個示例中，我們使用<input>元素並將其type屬性設置為"checkbox"，以創建一個可選框。name屬性用於識別不同的可選框，value屬性則用於傳遞選中的值。

每個可選框都應該擁有獨立的name屬性，以便在提交表單時能夠準確識別不同的選項。

如果要預先選中某些可選框，可以在input元素中添加checked屬性，例如：

<input type="checkbox" name="option1" value="Option 1" checked> Option 1<br>

在這個示例中，可選框將被預先選中。

在後續的JavaScript代碼中，可以使用document.querySelector()方法來獲取已選中的可選框的值。例如：

var selectedOptions = document.querySelectorAll('input[type=checkbox]:checked');
selectedOptions.forEach(function(option) {
  console.log(option.value);
});

這段代碼將獲取所有已選中的可選框的值並將其打印到控制台上