HTML form Checkboxes

HTML form Checkboxes 用在表單（HTML form）做為核取方塊使用，當你決定給網友許多選項去選擇，例如會員註冊的時候，勾選他的興趣，可以只選擇一項，也可以選擇多項，甚至是不勾選，送出表單後，就可以使用 PHP 來取得網友所選擇的項目。

HTML form Checkboxes 範例

<form>
請勾選你的興趣<br>
<input type="checkbox" value="Travel" name="Interest"> 旅遊<br>
<input type="checkbox" value="Movie" name="Interest"> 電影<br>
<input type="checkbox" value="Food" name="Interest"> 美食
</form>

呈現結果如

正如一開始所說的 checkbox 是用在表單中的應用，所以範例中我們用表單標籤 <form></form> 將三個 checkbox 選項包起來，除了用在表單之外，你也可以將 checkbox 用在其他 JavaScript 的應用上，不過那需要其他 JavaScript 語法的技巧，不在此篇介紹範圍內。

範例的每個 checkbox 都有相同的 name，如此一來我們可以輕鬆的將三個 checkbox 歸類為一組，而每個 checkbox 的 value 都不一樣，在網友勾選完他們的興趣並送出表單後，PHP 程式才能判斷哪些有勾選，哪些沒有勾選。

延伸閱讀