雷速体育直播网页:

您的位置:雷速体育答题测试答案 > javascript學習 > js實現全選,反選,全不選代碼

js實現全選,反選,全不選代碼

時間:2017-07-15 23:09:37  來源:免費模板網 作者:風雪 閱讀次數 tags代碼js

在操作一些后臺的時候,用到全選,反選,全不選這些操作,那么js代碼怎么實現呢

<div>
	<input type="checkbox" name="cbo"/><br/>
	<input type="checkbox" name="cbo"/><br/>
	<input type="checkbox" name="cbo"/><br/>
</div>
<input type="button" value="全選" onclick="CheckAll()"/>
<input type="button" value="不選" onclick="UnCheck()"/>
<input type="button" value="反選" onclick="othercheck()"/>
<script>
	var CheckBox = document.getElementsByName("cbo"); //獲取name=cbo的控件集合

	//全選
	function CheckAll(){
		for(i=0;i<CheckBox.length;i++){CheckBox[i].checked=true;};
	};
	 
	//全不選
	function UnCheck(){
		for(i=0;i<CheckBox.length;i++){CheckBox[i].checked=false;};
	};
	 
	//反選
	function othercheck(){
		for(i=0;i<CheckBox.length;i++){
			if(CheckBox[i].checked==true){ CheckBox[i].checked=false;}
			else{ CheckBox[i].checked=true}
		}
	};
</script>

然后程序根據接收到的id在做相應的處理,刪除,修改等操作。熟悉下js代碼也是有好處的

本文地址://www.384142.live/javascript/2017/0715/2838.html

猜你喜歡
欄目推薦
模板推薦

Copyright:雷速体育答题测试答案 www.384142.live 免費模板網 All Rights Reserved 雷速体育答题测试答案   遼公網安備 21010602000376號  遼公網安備:42900402000182號

免責聲明:本站部分資源來自互聯網收集,版權歸原創者所有,如果侵犯了你的權益,我們會及時刪除侵權內容,聯系QQ:1615187561 謝謝合作!

{ganrao} 扑克3 贵州麻将下载安装 青海快三真的有技巧吗 最新打麻将技术 上海时时乐走势图2oo期 广西快3开奖结果图 私募基金配资是什么意思 贵州快三今天开奖40期 哔哩哔哩柬埔寨美女捕鱼 温岭麻将规则 黑金团队快乐8官方登录 36选7福建今天晚上 能挂机赚钱的网游 山西快乐十分近50期 打麻将的技巧怎样才 急速赛车单机