js全選按鈕的實(shí)現(xiàn)方法
更新時(shí)間：2015年11月17日 10:32:57 投稿：lijiao
在我們進(jìn)行項(xiàng)目選擇時(shí)，會(huì)出現(xiàn)選擇多個(gè)項(xiàng)目或者是項(xiàng)目實(shí)現(xiàn)全選，這樣的功能如何實(shí)現(xiàn)吶，本文給出了js實(shí)現(xiàn)checkbox全選的詳細(xì)代碼，希望大家喜歡。
本文實(shí)例講述了js全選按鈕的實(shí)現(xiàn)代碼。分享給大家供大家參考。具體如下：
運(yùn)行效果截圖如下：
具體代碼如下
<html>
<head>
<title>復(fù)選框checked屬性</title>
<script language="JavaScript" type="text/javascript">
function changeState(isChecked)
{
var chk_list=document.getElementsByTagName("input");
for(var i=0;i<chk_list.length;i++)
{
if(chk_list[i].type=="checkbox")
{
chk_list[i].checked=isChecked;
}
}
}
</script>
</head>
<body>
<h1>請(qǐng)選擇你的愛(ài)好</h1>
<form name="myForm1">
<input type="checkbox" name="cb1" checked>看書<br>
<input type="checkbox" name="cb2" checked>上網(wǎng)<br>
<input type="checkbox" name="cb3">游戲<br>
</form>
<hr>
<form name="myForm2">
<input type="checkbox" name="cb" onclick="changeState(this.checked)">全選
</form>
</body>
</html>
以上就是js全選按鈕的實(shí)現(xiàn)方法，希望對(duì)大家的學(xué)習(xí)有所幫助。
相關(guān)文章
為網(wǎng)站代碼塊pre標(biāo)簽增加一個(gè)復(fù)制代碼按鈕代碼
寫文章的時(shí)候，作為一名專業(yè)的碼農(nóng)，經(jīng)常會(huì)在文章中粘貼一些代碼。有的時(shí)候代碼塊比較長(zhǎng)，在后期使用中需要復(fù)制這段代碼就比較麻煩2021-11-11
JavaScript實(shí)現(xiàn)獲得所有兄弟節(jié)點(diǎn)的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)獲得所有兄弟節(jié)點(diǎn)的方法,實(shí)例分析了javascript節(jié)點(diǎn)遍歷的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
js設(shè)置鼠標(biāo)懸停改變背景色實(shí)現(xiàn)詳解
這篇文章主要介紹了js設(shè)置鼠標(biāo)懸停改變背景色實(shí)現(xiàn)詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，,需要的朋友可以參考下2019-06-06
用RadioButten或CheckBox實(shí)現(xiàn)div的顯示與隱藏
用RadioButten（或CheckBox）實(shí)現(xiàn)div的顯示與隱藏，當(dāng)選擇“女”時(shí)，顯示“美女、才女”；當(dāng)選擇“男”時(shí)隱藏，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下2013-09-09
JS實(shí)現(xiàn)的字符串?dāng)?shù)組去重功能小結(jié)
這篇文章主要介紹了JS實(shí)現(xiàn)的字符串?dāng)?shù)組去重功能,結(jié)合實(shí)例形式分析了javascript基于ES6、ES5、ES3及正則實(shí)現(xiàn)數(shù)組去重的相關(guān)操作技巧,需要的朋友可以參考下2019-06-06
基于JavaScript實(shí)現(xiàn)一個(gè)簡(jiǎn)單的Vue
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)一個(gè)簡(jiǎn)單的Vue的方法，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-09-09
這篇文章主要介紹了mac上配置Android環(huán)境變量的方法,需要的朋友可以參考下2018-07-07
解決PNG圖片在IE6下的透明這類問(wèn)題谷歌上很多解決方案，屬于非常常見(jiàn)的問(wèn)題，以前我做的時(shí)候，這類透明我都是用gif，而直接避開(kāi)png，所以到現(xiàn)在我并沒(méi)有去了解過(guò)這個(gè)問(wèn)題。今天就把這個(gè)問(wèn)題整理下，解決方案匯總給大家。2015-05-05
動(dòng)態(tài)加載JavaScript文件的3種方式
第一種是使用document.write/writeln(）方式，第二種使用jQuery，第三種是使用原生js方法，感興趣的小伙伴們可以參考一下2018-05-05
JavaScript 操作table,可以新增行和列并且隔一行換背景色代碼分享
這篇文章介紹了JavaScript操作table,可以新增行和列并且隔一行換背景色代碼，有需要的朋友可以參考一下2013-07-07