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