復(fù)選框全選與全不選操作實(shí)現(xiàn)思路
更新時(shí)間：2013年08月18日 15:54:56 作者：
通過(guò)js簡(jiǎn)單實(shí)現(xiàn)下復(fù)選框全選與全不選，很常用的一個(gè)操作，具體實(shí)現(xiàn)思路及代碼如下，有需求的朋友可以參考下，希望對(duì)大家有所幫助
復(fù)制代碼 代碼如下:
<SPAN style="FONT-SIZE: 14px"><!DOCTYPE html>
<html>
<head>
<title>復(fù)選框處理.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
<input type="checkbox" id="checkItem">全選/全不選
<br>
<h3>愛(ài)好</h3>
<input type="checkbox" name="item">看書
<br>
<input type="checkbox" name="item">聽(tīng)音樂(lè)
<br>
<input type="checkbox" name="item">打球
<br>
<input type="checkbox" name="item">散步
<br>
<input type="checkbox" name="item">寫代碼
<br>
<script>
window.onload = function(){
var checkItem = document.getElementById("checkItem").onclick = function(){
var itemsElement = document.getElementsByName("item");
for (var i = 0; i < itemsElement.length; i++) {
var itemElement = itemsElement[i];
if (this.checked) {
itemElement.checked = "checked";
}
else {
itemElement.checked = null;
}
}
}
}
</script>
</body>
</html>
</SPAN>
相關(guān)文章
js cookies實(shí)現(xiàn)簡(jiǎn)單統(tǒng)計(jì)訪問(wèn)次數(shù)
js cookies實(shí)現(xiàn)簡(jiǎn)單統(tǒng)計(jì)訪問(wèn)次數(shù)的實(shí)現(xiàn)代碼。主要是掌握js對(duì)cookies的操作。2009-11-11
教你一步步實(shí)現(xiàn)一個(gè)簡(jiǎn)易promise
Promise是異步編程的一種解決方案,比傳統(tǒng)的解決方案回調(diào)函數(shù)和事件更合理且更強(qiáng)大,這篇文章主要給大家介紹了關(guān)于如何一步步實(shí)現(xiàn)一個(gè)簡(jiǎn)易promise的相關(guān)資料,需要的朋友可以參考下2021-11-11
js 獲取范圍內(nèi)的隨機(jī)數(shù)實(shí)例代碼
下面小編就為大家?guī)?lái)一篇js 獲取范圍內(nèi)的隨機(jī)數(shù)實(shí)例代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
IE和Firefox之間在JavaScript語(yǔ)法上的差異
這篇文章主要為大家詳細(xì)介紹了IE和Firefox之間在JavaScript語(yǔ)法上的差異，在JavaScript語(yǔ)法上不同的7個(gè)方面，感興趣的小伙伴們可以參考一下2016-04-04
這篇文章主要介紹了JS數(shù)組的常用10種方法詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05
使用原生JS實(shí)現(xiàn)滾輪翻頁(yè)效果的示例代碼
這篇文章主要介紹了使用原生JS實(shí)現(xiàn)滾輪翻頁(yè)效果的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
這篇文章主要給大家介紹了關(guān)于javaScript中封裝的各種寫法的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起看看吧。2017-07-07
使用純javascript實(shí)現(xiàn)放大鏡效果
本文給大家分享的是使用純javascript實(shí)現(xiàn)放大鏡效果的代碼，并附上封裝的步驟，做電商程序的小伙伴們一定不要錯(cuò)過(guò)。2015-03-03
這篇文章主要給大家分享了20個(gè)JavaScript?單行代碼,JavaScript單行代碼殺手锏，可以讓工作更有效率哦,需要的朋友可以參考一下，希望對(duì)你的學(xué)習(xí)有所幫助2021-12-12
做輸入校驗(yàn)的時(shí)候如果你前端框架用的是bootstrap的話，首推bootstrapValidator校驗(yàn)方式，下面通過(guò)本文給大家分享下校驗(yàn)流程，一起看看吧2016-12-12