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>
相关文档:
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetL ......
<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" ......
String
字符串对象。声明一个字符串对象最简单、快捷、有效、常用的方法就是直接赋值。
属性
length
用法:<字符串对象>.length;返回该字符串的长度。
方法
......
近日,知名技术开发网站SYS-CON 媒体列出十个应用最广的Javascript框架,文章说,Javascript库已经成为设计优秀网站的基础,当今几乎所有站点都带有Javascript或Ajax元素。在Web2.0开发大潮中,它也许是最关键的要素。
以下十个十大Javascript框架,你常用其中的几个?
1. script.aculo.us (http://script.aculo.us/)
UR ......