JavaScript实现全选和反选 超简单
<body>
<form id="form1" runat="server">
请选择你的爱好:
<div>
<input name="Che" type="checkbox" />足球
<input name="Che" type="checkbox" />篮球
<input name="Che" type="checkbox" />上网
<input name="Che" type="checkbox" />游戏
<input name="Che" type="checkbox" />逛街
<input name="Che" type="checkbox" />购物
<input name="Che" type="checkbox" />排球
<input name="Che" type="checkbox" />看书
</div>
<input id="btnquan" type="button" onclick="quan()" value="全选" />
<input id="btnfan" type="button" onclick="fan()" value="反选" />
</form>
</body>
<script>
//全选的方法 超简单
function quanxuan()
{
//获得 所有的复选框
var che=document.getElementByName("Che");
//循环所有的复选框
for(var i=0;i<che.length;i++)
{
che[i].checked=true;
}
}
//反选的方法
function fanxuan()
{
//同样也是获得所有的复选框
var che=document.getElementByName("Che");
//同样for循环
for(var i=0;i<che.length;i++)
{
if(che[i].checked==true)
{
che[i].checked=false;
}
else
{
che[i].checked=true;
}
}
}
</script>
相关文档:
上了一天的课,很累,不过真的很充实.比自己学的效率要高很多,对技术的理解也提高了不少.对总结有充满了信心,感觉自己两个半月后一定能找到一个五千块以上的工作.哈哈!今天讲的是JavaScript的应用.主要是在项目和工作中经常使用到的功能实现.老师对JavaScript的总结和运用很全面和实用.先简单介绍几句教我JavaScript的老师,佟 ......
<html>
<head></head>
<script>
function ShowMenu(bMenu) {
document.all.idFinder.style.display = (bMenu) ? "none" : "block"
document.all.idMenu.style.display = (bMenu) ? "block" : "none"
idML.className = (bMenu) ? "cOn" : "cOff"
idRL.className = (bMenu) ? "cOff" : "cOn" ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>随机 ......
我想使用过ajax的都常见这样的代码:
<a href="javascript:doTest2();void(0);">here</a>
但这儿的void(0)究竟是何含义呢?
Javascript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。
void 操作符用法格式如下:
1. javascript:void (expression)
2. javascript:void expression
expr ......
我是一名程序员,使用Java语言进行管理软件开发工作。有一次开发项目中使用JavaScript来丰富用户体验效果,特地认真的学习了一下,从此对JavaScript产生了浓厚的兴趣。有机会参加了由电子工业出版社飞思公司举办的《JavaScript征途》读后感有奖召集活动,获得赠书学习。由于本人文学水平有限,此读后感的用词不当之处还望多 ......