js實(shí)現(xiàn)全選反選不選功能代碼詳解
更新時(shí)間：2019年04月24日 11:05:21 作者：光頭強(qiáng)兒
這篇文章主要介紹了js實(shí)現(xiàn)全選反選不選功能，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
本文實(shí)例為大家分享了js實(shí)現(xiàn)全選反選不選功能的具體代碼，供大家參考，具體內(nèi)容如下
<!DOCTYPE html>
<html>
<meta charset='utf-8' />
<body>
<input type='checkbox' name='id' />哈哈<br/>
<input type='checkbox' name='id' />哈哈<br/>
<input type='checkbox' name='id' />哈哈<br/>
<input type='checkbox' name='id' />哈哈<br/>
<input type='button' name='id' value='全選' onclick='return fun()' />
<input type='button' name='id' value='取消全選' onclick='return fan()' />
<input type='button' name='id' value='反選' onclick='return fans()' />
<script type="text/javascript">
function fun()
{
var a=document.getElementsByName('id');
for(var i=0;i<a.length;i++)
{
a[i].checked=true;
}
}
function fan()
{
var a=document.getElementsByName('id');
for(var i=0;i<a.length;i++)
{
a[i].checked=false;
}
}
function fans()
{
var a=document.getElementsByName('id');
for(var i=0;i<a.length;i++)
{
if(a[i].checked==true)
{
a[i].checked=false;
}
else
{
a[i].checked=true;
}
}
}
</script>
</body>
</html>
相關(guān)文章
本篇文章主要介紹了詳解webpack介紹&安裝&常用命令，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-06-06
作為一項(xiàng)有意思的新技術(shù)，canvas給我們帶來(lái)了對(duì)網(wǎng)頁(yè)繪圖和網(wǎng)頁(yè)動(dòng)畫(huà)的新革命。本文簡(jiǎn)單介紹下canvas實(shí)用的功能，下面跟著小編一起來(lái)看下吧2017-01-01
JXTree對(duì)象，讀取外部xml文件數(shù)據(jù)，生成樹(shù)的函數(shù)
JXTree對(duì)象，讀取外部xml文件數(shù)據(jù)，生成樹(shù)的函數(shù)...2007-04-04
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)彈框效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03
JavaScript實(shí)現(xiàn)讀取上傳視頻文件的時(shí)長(zhǎng)和第一幀畫(huà)面過(guò)程講解
當(dāng)我們做一個(gè)后臺(tái)系統(tǒng)的音視頻管理模塊時(shí)，通常要限制文件的大小和類(lèi)型，這篇文章主要介紹了JavaScript實(shí)現(xiàn)讀取上傳視頻文件的時(shí)長(zhǎng)和第一幀畫(huà)面過(guò)程，需要詳細(xì)了解實(shí)現(xiàn)方法可以參考下文2023-05-05
vue/js實(shí)現(xiàn)頁(yè)面自動(dòng)往上滑動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了vue/js實(shí)現(xiàn)頁(yè)面自動(dòng)往上滑動(dòng)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
Bootstrap 輪播（Carousel）插件是一種靈活的響應(yīng)式的向站點(diǎn)添加滑塊的方式。這篇文章主要介紹了使用BootStrap進(jìn)行輪播圖的制作的相關(guān)資料,需要的朋友可以參考下2017-01-01
JS讀秒，在某些情況下還是比較實(shí)用的，下面有個(gè)簡(jiǎn)單的示例，感興趣的朋友可以參考下2013-09-09
javascript數(shù)組遍歷的方法實(shí)例分析
這篇文章主要介紹了javascript數(shù)組遍歷的方法,結(jié)合實(shí)例形式分析了javascript數(shù)組遍歷及相關(guān)的some、every、filter、map等方法的使用技巧,需要的朋友可以參考下2016-09-09
基于JavaScript實(shí)現(xiàn)評(píng)論框展開(kāi)和隱藏功能
本文通過(guò)實(shí)例代碼給大家介紹了基于JavaScript實(shí)現(xiàn)評(píng)論框展開(kāi)和隱藏功能，感興趣的朋友參考下吧2017-08-08