1、新建一個(gè)文檔（用NotePad軟件，為了使得在瀏覽器中打開不是亂碼，在軟件的文件出找到編碼，將其修改為UTF-8編碼?；蛘唿c(diǎn)擊谷歌瀏覽器中的右上角的三條杠，選擇更多工具->編碼->UTF-8），將其重命名（例：第一個(gè)java script.html 注：一定要把擴(kuò)展名改為.html）。

2、將其用記事本的格式打開，進(jìn)行編寫。

3、以下是編寫的“按鈕全選的實(shí)現(xiàn)”的相關(guān)代碼：

<html>
<head>
<title> 全選按鈕的實(shí)現(xiàn) </title>
</head>
<body>
<div>
<input type="checkbox" id="chkAll" onclick="checkAll(this)" />全選
</div>
<div>
<input type="checkbox" name="chk"/>選項(xiàng)1
</div>
<div>
<input type="checkbox" name="chk"/>選項(xiàng)2
</div>
<div>
<input type="checkbox" name="chk"/>選項(xiàng)3
</div>
<div>
<input type="checkbox" name="chk"/>選項(xiàng)4
</div>
<input type="checkbox" name="chk"/>選項(xiàng)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)文章

利用JS響應(yīng)式修改vue實(shí)現(xiàn)頁(yè)面的input值
這篇文章主要給大家介紹了關(guān)于如何利用JS響應(yīng)式修改vue實(shí)現(xiàn)頁(yè)面的input值，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用JS具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-09-09
微信小程序?qū)崿F(xiàn)簡(jiǎn)單吸頂效果
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)簡(jiǎn)單吸頂效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-01-01
JavaScript體驗(yàn)異步更好的解決辦法
本篇文章主要給大家講述了JavaScript體驗(yàn)異步更好的解決辦法，有這方面需要的朋友跟著學(xué)習(xí)參考下吧。
2018-01-01
微信小程序項(xiàng)目實(shí)踐之驗(yàn)證碼倒計(jì)時(shí)功能
這篇文章主要介紹了微信小程序項(xiàng)目實(shí)踐之驗(yàn)證碼倒計(jì)時(shí)功能,當(dāng)用戶點(diǎn)擊發(fā)送驗(yàn)證碼按鈕，按鈕背景變色，不可點(diǎn)擊，顯示倒計(jì)時(shí)文字，需要的朋友可以參考下
2018-07-07
JS 設(shè)計(jì)模式之：?jiǎn)卫Ｊ蕉x與實(shí)現(xiàn)方法淺析
這篇文章主要介紹了JS 設(shè)計(jì)模式之：?jiǎn)卫Ｊ?結(jié)合實(shí)例形式分析了JS 單例模式原理、定義、實(shí)現(xiàn)方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下
2020-05-05
一文吃透JS樹狀結(jié)構(gòu)的數(shù)據(jù)處理(增刪改查)
在開發(fā)后臺(tái)管理系統(tǒng)時(shí)，常常會(huì)涉及到各種樹狀結(jié)構(gòu)的數(shù)據(jù)處理邏輯，例如：增，刪，改，查等。而樹狀結(jié)構(gòu)的處理就沒有數(shù)組那么的直觀。本文為大家總結(jié)了JS樹狀結(jié)構(gòu)的數(shù)據(jù)處理的方法，需要的可以參考下
2022-07-07
淺談JS之tagNaem和nodeName
下面小編就為大家?guī)?lái)一篇淺談JS之tagNaem和nodeName。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-09-09
學(xué)習(xí)使用Bootstrap頁(yè)面排版樣式
這篇文章主要教大家學(xué)習(xí)使用Bootstrap頁(yè)面排版樣式，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-05-05
js判斷用戶是輸入的地址請(qǐng)求的路徑(實(shí)例講解)
下面小編就為大家?guī)?lái)一篇js判斷用戶是輸入的地址請(qǐng)求的路徑(實(shí)例講解)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-07-07
JavaScript：ES2019 的新特性(譯)
這篇文章主要介紹了JavaScript：ES2019 的新特性(譯),文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-08-08