js全選按鈕的實現(xiàn)方法
更新時間:2015年11月17日 10:32:57 投稿:lijiao
在我們進行項目選擇時,會出現(xiàn)選擇多個項目或者是項目實現(xiàn)全選,這樣的功能如何實現(xiàn)吶,本文給出了js實現(xiàn)checkbox全選的詳細代碼,希望大家喜歡。
本文實例講述了js全選按鈕的實現(xià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>請選擇你的愛好</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全選按鈕的實現(xiàn)方法,希望對大家的學習有所幫助。
相關(guān)文章
js文件中調(diào)用js的實現(xiàn)方法小結(jié)
JavaScript文件引用JavaScript文件的方法,需要的朋友可以參考下。2009-10-10ES6 系列之 Generator 的自動執(zhí)行的方法示例
這篇文章主要介紹了ES6 系列之 Generator 的自動執(zhí)行的方法示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-10-10關(guān)于JavaScript 數(shù)組你應(yīng)該知道的事情(推薦)
這篇文章主要介紹了JavaScript 數(shù)組,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-04-04