js實現(xiàn)(全選)多選按鈕的方法【附實例】
更新時間:2016年03月30日 16:59:14 投稿:jingxian
下面小編就為大家?guī)硪黄猨s實現(xiàn)(全選)多選按鈕的方法【附實例】。小編覺得挺不錯的,現(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)(全選)多選按鈕的方法【附實例】就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- JavaScript中全選、全不選、反選、無刷新刪除、批量刪除、即點即改入庫(在yii框架中操作)的代碼分享
- jquery全選/全不選/反選另一種實現(xiàn)方法(配合原生js)
- 比較全的JS checkbox全選、取消全選、刪除功能代碼
- js實現(xiàn)checkbox全選和反選示例
- Javascript實現(xiàn)CheckBox的全選與取消全選的代碼
- js實現(xiàn)checkbox全選、不選與反選的方法
- 使用js如何實現(xiàn)全選與全不選
- JS實現(xiàn)CheckBox復(fù)選框全選全不選功能
- js與jQuery實現(xiàn)checkbox復(fù)選框全選/全不選的方法
- JS實現(xiàn)CheckBox復(fù)選框全選、不選或全不選功能
- JS實現(xiàn)的全選、全不選及反選功能【案例】
相關(guān)文章
淺談SpringMVC中post checkbox 多選框value的值(隱藏域方式)
下面小編就為大家分享一篇淺談SpringMVC中post checkbox 多選框value的值(隱藏域方式),具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01javascript 構(gòu)建一個xmlhttp對象池合理創(chuàng)建和使用xmlhttp對象
在我的這篇舊文里曾經(jīng)發(fā)布了一個簡單的ajax操作類。我們發(fā)現(xiàn),在舊文里創(chuàng)建xmlhttp對象的時候,每次都要new一個對象。而我們都知道new一個對象的開銷是很大的。2010-01-01強大的JavaScript響應(yīng)式圖表Chartist.js的使用
本篇文章主要介紹了強大的JavaScript響應(yīng)式圖表Chartist.js的使用,具有一定的參考價值,有興趣的可以了解一下2017-09-09AJAX XMLHttpRequest對象創(chuàng)建使用詳解
這篇文章主要介紹了AJAX XMLHttpRequest對象創(chuàng)建使用詳解,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-08-08Javascript面試經(jīng)典套路reduce函數(shù)查重
reduce函數(shù),是ECMAScript5規(guī)范中出現(xiàn)的數(shù)組方法.下面通過本文給大家分享Javascript面試經(jīng)典套路reduce函數(shù)查重,需要的朋友參考下吧2017-03-03