替換複選框以粗體標題

Question

選擇我不知道如果我得到了所有權的權利。但我的觀點是：

我想取代標準checkox，如：

Select <input type="checkbox" name="sel" /> 

的東西女巫讓我點擊文本（如在上面的代碼中「選擇」），然後點擊它，我會選擇'sel'屬性並將此文本設爲粗體。再次點擊會取消選擇並取消選中文字。 一個不想checkox中顯示。

想法？我想到了JavaScript，但我不知道如何。

Answer 1

使用標籤節點周圍。

<label> 
    Select 
    <input type="checkbox" hidden="true" 
    onclick="parentNode.style.fontWeight=checked?'bold':'';" /> 
</label> 

問候

Answer 2

您可以使用CSS鉻定義文本。

<style> 
input:before{content:attr(myTextAnno)} 
input:checked{font-weight:bold;} 
</style> 
<input type="checkbox" myTextAnno="Select"> 

您可以使用css在所有瀏覽器中定義文本。

<style> 
input:before{content:'Select'} 
input:checked{font-weight:bold;} 
</style> 
<input type="checkbox">