javascript实现全选/反选

最新推荐文章于 2025-02-07 17:08:00 发布

晴朗_Raymond

最新推荐文章于 2025-02-07 17:08:00 发布

阅读量7.8k

点赞数

分类专栏： 2015前文章标签： javascript function action import input java

本文链接：https://blog.youkuaiyun.com/lwjnumber/article/details/6265174

版权

2015前专栏收录该内容

77 篇文章

订阅专栏

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
<script type="text/javascript">
function dosubmit(name,id)
{
var names=document.getElementById(id);
if(names.checked==true){
checkedAll(name)
}
else{
checkedNo(name)
}
}

//全选
function checkedAll(name)
{
var names=document.getElementsByName(name);
var len=names.length;
if(len>0)
{
   var i=0;
   for(i=0;i<len;i++)
   names[i].checked=true;

}
}
//全不选
function checkedNo(name)
{
var names=document.getElementsByName(name);
var len=names.length;
if(len>0)
{
    var i=0;
    for(i=0;i<len;i++)
    names[i].checked=false;
}
}
//反选
function reserveCheck(name)
{
var names=document.getElementsByName(name);
var len=names.length;
if(len>0)
{
var i=0;
   for(i=0;i<len;i++)
   {
     if(names[i].checked)
     names[i].checked=false;
     else
     names[i].checked=true;
   }
}
}

</script>

<head>
    <title>全选/全不选/反选</title>
</head>
<body>

<form id="form2" action="" name="buyForm" method="post">
<input id="checkQuan" type="checkbox" οnclick="dosubmit('fuyun','checkQuan')"/>全选/全不选
<input id="checkFan" type="checkbox" οnclick="reserveCheck('fuyun','checkQuan')"/>反选<br>
<input name="fuyun" type="checkbox" value="fuyun1"/>1<br>
<input name="fuyun" type="checkbox" value="fuyun2"/>2<br>
<input name="fuyun" type="checkbox" value="fuyun3"/>3<br>
<input name="fuyun" type="checkbox" value="fuyun4"/>4<br>
</form>

</body>

</html>

效果图如下