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