js實(shí)現(xiàn)(全選)多選按鈕的方法【附實(shí)例】
第一種,全部選中:
<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)選擇你的愛好</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)(全選)多選按鈕的方法【附實(shí)例】就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- JavaScript中全選、全不選、反選、無(wú)刷新刪除、批量刪除、即點(diǎn)即改入庫(kù)(在yii框架中操作)的代碼分享
- jquery全選/全不選/反選另一種實(shí)現(xiàn)方法(配合原生js)
- 比較全的JS checkbox全選、取消全選、刪除功能代碼
- js實(shí)現(xiàn)checkbox全選和反選示例
- Javascript實(shí)現(xiàn)CheckBox的全選與取消全選的代碼
- js實(shí)現(xiàn)checkbox全選、不選與反選的方法
- 使用js如何實(shí)現(xiàn)全選與全不選
- JS實(shí)現(xiàn)CheckBox復(fù)選框全選全不選功能
- js與jQuery實(shí)現(xiàn)checkbox復(fù)選框全選/全不選的方法
- JS實(shí)現(xiàn)CheckBox復(fù)選框全選、不選或全不選功能
- JS實(shí)現(xiàn)的全選、全不選及反選功能【案例】
相關(guān)文章
淺談SpringMVC中post checkbox 多選框value的值(隱藏域方式)
下面小編就為大家分享一篇淺談SpringMVC中post checkbox 多選框value的值(隱藏域方式),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2018-01-01javascript 構(gòu)建一個(gè)xmlhttp對(duì)象池合理創(chuàng)建和使用xmlhttp對(duì)象
在我的這篇舊文里曾經(jīng)發(fā)布了一個(gè)簡(jiǎn)單的ajax操作類。我們發(fā)現(xiàn),在舊文里創(chuàng)建xmlhttp對(duì)象的時(shí)候,每次都要new一個(gè)對(duì)象。而我們都知道new一個(gè)對(duì)象的開銷是很大的。2010-01-01強(qiáng)大的JavaScript響應(yīng)式圖表Chartist.js的使用
本篇文章主要介紹了強(qiáng)大的JavaScript響應(yīng)式圖表Chartist.js的使用,具有一定的參考價(jià)值,有興趣的可以了解一下2017-09-09AJAX XMLHttpRequest對(duì)象創(chuàng)建使用詳解
這篇文章主要介紹了AJAX XMLHttpRequest對(duì)象創(chuàng)建使用詳解,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-08-08Javascript面試經(jīng)典套路reduce函數(shù)查重
reduce函數(shù),是ECMAScript5規(guī)范中出現(xiàn)的數(shù)組方法.下面通過本文給大家分享Javascript面試經(jīng)典套路reduce函數(shù)查重,需要的朋友參考下吧2017-03-03js實(shí)現(xiàn)可控制左右方向的無(wú)縫滾動(dòng)效果
這篇文章主要介紹了js實(shí)現(xiàn)可控制左右方向的無(wú)縫滾動(dòng)效果,頁(yè)面中添加了兩個(gè)按鈕,控制圖片滾動(dòng)的方向,感興趣的小伙伴們可以參考一下2016-05-05Javascript實(shí)現(xiàn)一朵從含苞到綻放的玫瑰
今天小編就為大家分享一篇關(guān)于Javascript實(shí)現(xiàn)一朵從含苞到綻放的玫瑰,小編覺得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來(lái)看看吧2019-03-03