JS代碼實(shí)現(xiàn)復(fù)選框全選(2)

2012/11/1 20:08:30作者：佚名來源：網(wǎng)絡(luò)

移動端

【實(shí)例名稱】

【實(shí)例描述】

復(fù)選框的全選功能通過服務(wù)器端開發(fā)語言可以很方便地實(shí)現(xiàn)，但有時(shí)為了提高頁面的訪問速度，需要使用JavaScript完成。本例學(xué)習(xí)實(shí)現(xiàn)全選的JavaScript方法。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁-學(xué)無憂（www.denvermotorcycleaccidentlawyer.com）</title>
<SCRIPT LANGUAGE="JavaScript">
function checkAll(str)
{
  var a = document.getElementsByName(str);       
//獲取所有復(fù)選框
  var n = a.length;                              
//獲取復(fù)選框的個(gè)數(shù)
  for (var i=0; i<n; i++)
  a[i].checked = window.event.srcElement.checked;
//通過單擊的按鈕判斷是選中還是未選
}
</script>
</head>
<body>
<input type=checkbox name=All onclick="checkAll('ck')">全選<br/>
<input type=checkbox name=ck  >體育<br/>
<input type=checkbox name=ck  >旅游<br/>
<input type=checkbox name=ck  >飲食<br/>
<input type=checkbox name=ck  >影視<br/>
<input type=checkbox name=ck  >音樂<br/><br/></body>
</html>

【運(yùn)行效果】

復(fù)選框全選運(yùn)行效果