復選框全選與全不選操作實現(xiàn)思路
更新時間：2013年08月18日 15:54:56 作者：
通過js簡單實現(xiàn)下復選框全選與全不選，很常用的一個操作，具體實現(xiàn)思路及代碼如下，有需求的朋友可以參考下，希望對大家有所幫助
復制代碼 代碼如下:
<SPAN style="FONT-SIZE: 14px"><!DOCTYPE html>
<html>
<head>
<title>復選框處理.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>愛好</h3>
<input type="checkbox" name="item">看書
<br>
<input type="checkbox" name="item">聽音樂
<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實現(xiàn)簡單統(tǒng)計訪問次數(shù)
js cookies實現(xiàn)簡單統(tǒng)計訪問次數(shù)的實現(xiàn)代碼。主要是掌握js對cookies的操作。2009-11-11
Promise是異步編程的一種解決方案,比傳統(tǒng)的解決方案回調(diào)函數(shù)和事件更合理且更強大,這篇文章主要給大家介紹了關(guān)于如何一步步實現(xiàn)一個簡易promise的相關(guān)資料,需要的朋友可以參考下2021-11-11
下面小編就為大家?guī)硪黄猨s 獲取范圍內(nèi)的隨機數(shù)實例代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
這篇文章主要為大家詳細介紹了IE和Firefox之間在JavaScript語法上的差異，在JavaScript語法上不同的7個方面，感興趣的小伙伴們可以參考一下2016-04-04
這篇文章主要介紹了JS數(shù)組的常用10種方法詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-05-05
這篇文章主要介紹了使用原生JS實現(xiàn)滾輪翻頁效果的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-05-05
這篇文章主要給大家介紹了關(guān)于javaScript中封裝的各種寫法的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面來一起看看吧。2017-07-07
本文給大家分享的是使用純javascript實現(xiàn)放大鏡效果的代碼，并附上封裝的步驟，做電商程序的小伙伴們一定不要錯過。2015-03-03
這篇文章主要給大家分享了20個JavaScript?單行代碼,JavaScript單行代碼殺手锏，可以讓工作更有效率哦,需要的朋友可以參考一下，希望對你的學習有所幫助2021-12-12
做輸入校驗的時候如果你前端框架用的是bootstrap的話，首推bootstrapValidator校驗方式，下面通過本文給大家分享下校驗流程，一起看看吧2016-12-12