JavaScript第一篇之實現(xiàn)按鈕全選、功能
更新時間：2016年08月21日 08:57:14 作者：astwoamt
這篇文章主要介紹了JavaScript第一篇之實現(xiàn)按鈕全選、功能的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
1、新建一個文檔（用NotePad軟件，為了使得在瀏覽器中打開不是亂碼，在軟件的文件出找到編碼，將其修改為UTF-8編碼?；蛘唿c擊谷歌瀏覽器中的右上角的三條杠，選擇更多工具->編碼->UTF-8），將其重命名（例：第一個java script.html 注：一定要把擴展名改為.html）。
2、將其用記事本的格式打開，進行編寫。
3、以下是編寫的“按鈕全選的實現(xiàn)”的相關(guān)代碼：
<html>
<head>
<title> 全選按鈕的實現(xiàn) </title>
</head>
<body>
<div>
<input type="checkbox" id="chkAll" onclick="checkAll(this)" />全選
</div>
<div>
<input type="checkbox" name="chk"/>選項1
</div>
<div>
<input type="checkbox" name="chk"/>選項2
</div>
<div>
<input type="checkbox" name="chk"/>選項3
</div>
<div>
<input type="checkbox" name="chk"/>選項4
</div>
<input type="checkbox" name="chk"/>選項5
</div>
</body>
<script>
//全選
function checkAll(e)
{
var t=document.getElementsByName("chk");
alert(t.length);
for(var i=0;i<t.length;i++)
{
t[i].checked=document.getElementById("chkAll").checked;
}
}
</script>
</html>
4、截圖為：
相關(guān)文章
移動端使用localStorage緩存Js和css文的方法(web開發(fā))
這篇文章主要介紹了web移動端使用localStorage緩存Js和css文的方法,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-09-09
這篇文章主要介紹了JavaScript File分段上傳的相關(guān)資料,需要的朋友可以參考下2016-03-03
JS如何將數(shù)字類型轉(zhuǎn)化為沒3個一個逗號的金錢格式
本文為大家介紹下如何將數(shù)字類型轉(zhuǎn)化為沒3個一個逗號的金錢格式，下面是具體的實現(xiàn)2014-01-01
這篇文章主要為大家詳細介紹了兩種簡單的跨域方法，使用jsonp和php實現(xiàn)跨域，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要為大家詳細介紹了js實現(xiàn)帶積分彈球小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-07-07 
看到一篇博客說土豆網(wǎng)的圖片是延遲加載的。原理是這樣：頁面可見區(qū)域以下的圖片先不加載，等到用戶向下滾動到圖片位置時，再進行加載。這樣做的好處是當(dāng)頁面有好幾屏內(nèi)容時，這樣我們就可以只加載用戶需要看的圖片，減少服務(wù)器向用戶瀏覽器發(fā)送圖片文件所產(chǎn)生的負荷。
2015-08-08 
淺析document.createDocumentFragment()與js效率
對于循環(huán)批量操作頁面的DOM有很大幫助！利用文檔碎片處理，然后一次性append，并且使用原生的javascript語句操作
2013-07-07 
作用域（scope）是javascript中一項令人棘手的的特性。所有面向?qū)ο缶幊陶Z言都有某種形式的作用域，不過和把這個概念放在什么上下文中有關(guān)。在javascript里，作用域是由函數(shù)劃分的。
2009-06-06 
JavaScript裝箱及拆箱boxing及unBoxing用法解析
這篇文章主要介紹了JavaScript裝箱及拆箱boxing及unBoxing用法解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2020-06-06