選中/取消選中復選框，而不使用JavaScript / jQuery

Question

是否可以在不使用JavaScript / jQuery的情況下切換輸入類型復選框的狀態（選中/取消選中），即僅通過HTML和CSS？

假設我想點擊旁邊的標簽來切換它。

如果是，我們如何實現這一目標？

Answer 1

如果需要檢查/取消選中<label>的輸入，請在輸入上設置id ，並使用label的for屬性連接它們。

 <input type="checkbox" id="chk" /> <label for="chk">Click to check/uncheck</label> 

另一種選擇是使用標簽作為輸入的容器：

 <label><input type="checkbox" /> Click to check/uncheck</label> 

Answer 2

這個答案是在更新之前的問題！

僅使用已checked的硬編碼屬性：

<input type="checkbox" checked />

如果你想從代碼中觸發它，沒有JS / jQuery是不可能的。

Answer 3

標簽和輸入是為了一起工作:)

請參閱： https ： //www.w3.org/wiki/HTML/Elements/label

標題可以與特定的表單控件相關聯：

• 用於屬性[示例A]

• 將表單控件放在標簽元素本身內。 [例B]

 <label for="a">toggle state</label><input type="checkbox" id="a"/> 

Answer 4

是的你可以。 使用此代碼

<label for="MyCheckBox">Click Me !</label>
<input type="checkbox" id="MyCheckBox" />