快捷導(dǎo)航

js實(shí)現(xiàn)全選反選不選功能代碼詳解

更新時(shí)間：2019年04月24日 11:05:21 作者：光頭強(qiáng)兒

這篇文章主要介紹了js實(shí)現(xiàn)全選反選不選功能，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(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介紹&安裝&常用命令
本篇文章主要介紹了詳解webpack介紹&安裝&常用命令，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-06-06
巧用canvas
作為一項(xiàng)有意思的新技術(shù)，canvas給我們帶來了對網(wǎng)頁繪圖和網(wǎng)頁動(dòng)畫的新革命。本文簡單介紹下canvas實(shí)用的功能，下面跟著小編一起來看下吧
2017-01-01
JXTree對象，讀取外部xml文件數(shù)據(jù)，生成樹的函數(shù)
JXTree對象，讀取外部xml文件數(shù)據(jù)，生成樹的函數(shù)...
2007-04-04
js實(shí)現(xiàn)彈框效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)彈框效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-03-03
JavaScript實(shí)現(xiàn)讀取上傳視頻文件的時(shí)長和第一幀畫面過程講解
當(dāng)我們做一個(gè)后臺(tái)系統(tǒng)的音視頻管理模塊時(shí)，通常要限制文件的大小和類型，這篇文章主要介紹了JavaScript實(shí)現(xiàn)讀取上傳視頻文件的時(shí)長和第一幀畫面過程，需要詳細(xì)了解實(shí)現(xiàn)方法可以參考下文
2023-05-05
vue/js實(shí)現(xiàn)頁面自動(dòng)往上滑動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了vue/js實(shí)現(xiàn)頁面自動(dòng)往上滑動(dòng)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-04-04
使用BootStrap進(jìn)行輪播圖的制作
Bootstrap 輪播（Carousel）插件是一種靈活的響應(yīng)式的向站點(diǎn)添加滑塊的方式。這篇文章主要介紹了使用BootStrap進(jìn)行輪播圖的制作的相關(guān)資料,需要的朋友可以參考下
2017-01-01
使用JS讀秒使用示例
JS讀秒，在某些情況下還是比較實(shí)用的，下面有個(gè)簡單的示例，感興趣的朋友可以參考下
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)論框展開和隱藏功能
本文通過實(shí)例代碼給大家介紹了基于JavaScript實(shí)現(xiàn)評(píng)論框展開和隱藏功能，感興趣的朋友參考下吧
2017-08-08