js全選按鈕的實(shí)現(xiàn)方法
本文實(shí)例講述了js全選按鈕的實(shí)現(xiàn)代碼。分享給大家供大家參考。具體如下:
運(yùn)行效果截圖如下:
具體代碼如下
<html> <head> <title>復(fù)選框checked屬性</title> <script language="JavaScript" type="text/javascript"> function changeState(isChecked) { var chk_list=document.getElementsByTagName("input"); for(var i=0;i<chk_list.length;i++) { if(chk_list[i].type=="checkbox") { chk_list[i].checked=isChecked; } } } </script> </head> <body> <h1>請(qǐng)選擇你的愛(ài)好</h1> <form name="myForm1"> <input type="checkbox" name="cb1" checked>看書<br> <input type="checkbox" name="cb2" checked>上網(wǎng)<br> <input type="checkbox" name="cb3">游戲<br> </form> <hr> <form name="myForm2"> <input type="checkbox" name="cb" onclick="changeState(this.checked)">全選 </form> </body> </html>
以上就是js全選按鈕的實(shí)現(xiàn)方法,希望對(duì)大家的學(xué)習(xí)有所幫助。
相關(guān)文章
js文件中調(diào)用js的實(shí)現(xiàn)方法小結(jié)
JavaScript文件引用JavaScript文件的方法,需要的朋友可以參考下。2009-10-10ES6 系列之 Generator 的自動(dòng)執(zhí)行的方法示例
這篇文章主要介紹了ES6 系列之 Generator 的自動(dòng)執(zhí)行的方法示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-10-10關(guān)于JavaScript 數(shù)組你應(yīng)該知道的事情(推薦)
這篇文章主要介紹了JavaScript 數(shù)組,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04分享一個(gè)自己寫的簡(jiǎn)單的javascript分頁(yè)組件
這篇文章主要分享一個(gè)自己寫的簡(jiǎn)單的javascript分頁(yè)組件,效果十分不錯(cuò),代碼也很詳盡,這里推薦給小伙伴們。2015-02-02javascript實(shí)現(xiàn)支付寶滑塊驗(yàn)證碼效果
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)支付寶滑塊驗(yàn)證碼效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-07-07