日期:2014-05-19  浏览次数:20731 次

求一个全选或者反选的javaScript的例子。
求一个全选或者反选的javaScript的例子。
想学习一些关于这个的例子,今天尝试做一个这样的例子,没做出来。。
有木有人帮帮忙。

------解决方案--------------------
<!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>

简单的复选框全选反选例子
------解决方案--------------------
引用:
XML/HTML code?1234567891011121314151617181920212223242526272829303132333435<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio……

反选 应该是 已经选中的掷为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-……


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;
   }

}

反选改为这个就行了
------解决方案--------------------
引用:
XML/HTML code?1234567891011121314151617181920212223242526272829303132333435<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio……


这个很简单明了,要会用jQuery就更好了
------解决方案--------------------