如何實現點選文字也能夠選中核取方塊

admin發表於2017-03-26

在很多實際應用中，並不要非得點選核取方塊才能夠選中核取方塊，可以點選它旁邊的文字也是可以的，下面就通過例項程式碼介紹一下如何實現此功能，程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>  
<html>  
<head>  
<meta charset=" utf-8">  
<meta name="author" content="http://www.softwhy.com/" />  
<title>螞蟻部落</title>  
</head> 
<body> 
<input type="checkbox" id="a" ><label for="a">螞蟻部落一</label>
<input type="checkbox" id="b" > <label for="b">螞蟻部落二</label>
<input type="checkbox" id="c" ><label for="c">螞蟻部落三</label>
</body> 
</html>

以這裡使用label標籤，只要把它的for屬性值設定的和對應的核取方塊的id屬性值相同即可實現關聯效果。


相關文章