码迷,mamicode.com
首页 > 其他好文 > 详细

选择表达

时间:2017-03-12 23:07:58      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:全选   val   box   button   body   reverse   round   length   document   

html<html<head lang="en"<meta charset="UTF-8"<titletitle</head<body<div id="div1"<input type="checkbox"<input type="checkbox"<input type="checkbox"<input type="checkbox"<input type="checkbox"</div<div<input type="button" onclick="selall()" value="全选"<input type="button" onclick="selnone()" value="全不选"<input type="button" onclick="selreverse()" value="反选"</div<scriptfunction selall(){
var div1 = document.getElementById(‘div1‘);
var ins = div1.getElementsByTagName(‘input‘);
for(var i=0; i<ins.length; i++){
if(ins[i].type==‘checkbox‘){
ins[i].checked = true;
}
}
}
function selnone(){
var div1 = document.getElementById(‘div1‘);
var ins = div1.getElementsByTagName(‘input‘);
for(var i=0; i<ins.length; i++){
if(ins[i].type==‘checkbox‘){
ins[i].checked = false;
}
}
}
function selreverse(){
var div1 = document.getElementById(‘div1‘);
var ins = div1.getElementsByTagName(‘input‘);
for(var i=0; i<ins.length; i++){
if(ins[i].type==‘checkbox‘){
ins[i].checked = !ins[i].checked;
}
}
}
script</body</html>

选择表达

标签:全选   val   box   button   body   reverse   round   length   document   

原文地址:http://www.cnblogs.com/huzjijie/p/6539500.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!