通過js來制作復(fù)選框的全選和不選效果
更新時間：2014年05月22日 09:16:20 作者：
這篇文章主要介紹的是通過js來制作復(fù)選框的全選和不選效果,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<html>
<head>
<title>制作全選效果</title>
<script language="javascript">
function selectAll(){
allcheckBoxs=document.getElementsByName("a");
var a2=document.getElementsByName("a1");
if(a2[0].checked){
for(var i=0;i<allcheckBoxs.length;i++){
allcheckBoxs[i].checked = true;
}
}else{
for(var i=0;i<allcheckBoxs.length;i++){
allcheckBoxs[i].checked = false;
}
}
}
</script>
</head>
<body>
<form name="myform">
<table>
<tr><td colspan="2"><img src="images/head.jpg"/></td></tr>
<tr>
<td><input type="checkbox" name="a1" onclick="selectAll()" />全選/全不選</td>
<td> <img src="images/top.jpg"/></td>
</tr>
<tr><td><input type="checkbox" name="a" /></td><td><img src="images/one.jpg"/></td></tr>
<tr><td><input type="checkbox" name="a" /></td><td><img src="images/two.jpg"/></td></tr>
<tr><td><input type="checkbox" name="a" /></td><td><img src="images/three.jpg"/></td></tr>
<tr><td><input type="checkbox" name="a" /></td><td><img src="images/four.jpg"/></td></tr>
</table>
</form>
</body>
</html>
您可能感興趣的文章:
- JS實現(xiàn)CheckBox復(fù)選框全選全不選功能
- JS實現(xiàn)CheckBox復(fù)選框全選、不選或全不選功能
- javascript 復(fù)選框選擇/全選后特效
- js與jQuery實現(xiàn)checkbox復(fù)選框全選/全不選的方法
- JS實現(xiàn)復(fù)選框的全選和批量刪除功能
- js html css實現(xiàn)復(fù)選框全選與反選
- js實現(xiàn)復(fù)選框的全選和取消全選效果
- js全選實現(xiàn)和判斷是否有復(fù)選框選中的方法
- JS中如何實現(xiàn)復(fù)選框全選功能
- javaScript實現(xiàn)復(fù)選框全選反選事件詳解
相關(guān)文章
JavaScript實現(xiàn)帶播放列表的音樂播放器實例分享
這篇文章主要介紹了JavaScript實現(xiàn)帶播放列表的音樂播放器實例分享,包括對播放完歌單之后沒有將要播放的歌曲的提示功能,需要的朋友可以參考下2016-03-03
這篇文章主要介紹了Bootstrap組件系列之福利篇幾款好用的組件（推薦二）的相關(guān)資料,需要的朋友可以參考下2016-07-07
Next.js應(yīng)用轉(zhuǎn)換為TypeScript方法demo
這篇文章主要為大家介紹了Next.js應(yīng)用轉(zhuǎn)換為TypeScript方法demo，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-12-12
Javascript動態(tài)創(chuàng)建div的方法
這篇文章主要介紹了Javascript動態(tài)創(chuàng)建div的方法,是javascript節(jié)點操作的典型應(yīng)用,非常具有實用價值,需要的朋友可以參考下2015-02-02
獲取瀏覽器名稱及版本信息,如果當(dāng)前瀏覽器是IE，彈出瀏覽器版本,否則彈出當(dāng)前瀏覽器名稱和版本，詳細實現(xiàn)代碼請參考本文2013-04-04
這篇文章主要介紹了微信小程序用戶授權(quán)及判斷登錄是否過期，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
RequireJS 可以幫助用戶異步按需的加載 JavaScript 代碼，并解決 JavaScript 模塊間的依賴關(guān)系，提升了前端代碼的整體質(zhì)量和性能2017-04-04
JavaScript基本類型值-Undefined、Null、Boolean
本文主要介紹了JavaScript基本類型值-Undefined、Null、Boolean的相關(guān)知識，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
23個Javascript彈出窗口特效，需要的朋友可以參考下。2011-02-02
這篇文章主要為大家詳細介紹了js實現(xiàn)省市級聯(lián)效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08