求一个全选或者反选的javaScript的例子。
想学习一些关于这个的例子,今天尝试做一个这样的例子,没做出来。。
有木有人帮帮忙。
function fanxuan(){
var checkboxs = document.getElementsByName("checkbox");
for(var i=0;i<checkboxs.length;i++){
checkboxs[i].checked==false?checkboxs[i].checked=true:checkboxs[i].checked=false;
}
}
反选改为这个就行了
反选 应该是 已经选中的掷为false,没有选中的掷为true..
<!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=gb2312" />
<title>无标题文档</title>
</head>
<script type="text/javascript">
function quanxuan(){
var checkboxs = document.getElementsByName("checkbox");
for(var i=0;i<checkboxs.length;i++){
checkboxs[i].checked=true;
}
}
function fanxuan()(){
var checkboxs = document.getElementsByName("checkbox");
for(var i=0;i<checkboxs.length;i++){
checkboxs[i].checked=false;
}
}
</script>
<body>
<div id="checkboxTest">
<input type="checkbox" name="checkbox" value="checkbox" />
<input type="checkbox" name="checkbox" value="checkbox" />
<input type="checkbox" name="checkbox" value="checkbox" />
<input type="checkbox" name="checkbox" value="checkbox" />
</div>
<div>
<input name="quanxuan" type="button" onclick="quanxuan()" value="全选"/>
<input name="fanxuan" type="button" onclick="fanxuan()" value="反选"/>
</div>
</body>
</html>
简单的复选框全选反选例子
这个很简单明了,要会用jQuery就更好了