在html中怎么使一个div中的所有复选框全选和反,其它层中的复选框不受影响,写出JS
在html中怎么使一个div中的所有复选框全选和反,其它层中的复选框不受影响,写出JS脚本,并写出“全选”按钮的ONCLICK事件的调用代码在html中怎么使一个div中...
在html中怎么使一个div中的所有复选框全选和反,其它层中的复选框不受影响,写出JS脚本,并写出“全选”按钮的ONCLICK事件的调用代码
在html中怎么使一个div中的所有复选框全选和反选,其它层中的复选框不受影响,写出JS 展开
在html中怎么使一个div中的所有复选框全选和反选,其它层中的复选框不受影响,写出JS 展开
3个回答
展开全部
哥们太小气了.问这么大的问题,一分都不给.
特意给你写了例子.满意的话,加点分吧.
===================
<html>
<head>
<title>
demo
</title>
<script type="text/javascript">
function uncheckGrp(grp_id)
{
document.getElementById(grp_id).checked = document.getElementById(grp_id).checked&0;
}
function selectGroup(div_id,grp_id){
var g_div = document.getElementById(div_id);
var grp = document.getElementById(grp_id);
var eles = g_div.getElementsByTagName("input");
for(var i=0;i<eles.length;i++){
if(eles[i].disabled==false) eles[i].checked=grp.checked;
}
}
</script>
</head>
<body>
<table width="100%">
<tr>
<td >
<div style="width:300px;border:1px solid red;" id="div_demo1" >
<input id="check_grp1" type="checkbox" onclick="selectGroup('div_demo1','check_grp1')">ALL
<input type="checkbox" value='1' onclick="uncheckGrp('check_grp1')">1
<input type="checkbox" value='2' onclick="uncheckGrp('check_grp1')">2
<input type="checkbox" value='3' onclick="uncheckGrp('check_grp1')">3
<input type="checkbox" value='4' onclick="uncheckGrp('check_grp1')">4
</div>
</td>
<td>
<div style="width:300px;border:1px solid green; margin-left:100px;" id="div_demo2">
<input id="check_grp2" type="checkbox" onclick="selectGroup('div_demo2','check_grp2')">all2
<input type="checkbox" value='5' onclick="uncheckGrp('check_grp2')">5
<input type="checkbox" value='6' onclick="uncheckGrp('check_grp2')">6
<input type="checkbox" value='7' onclick="uncheckGrp('check_grp2')">7
<input type="checkbox" value='8' onclick="uncheckGrp('check_grp2')">8
</div>
</td>
</tr>
</table>
</body>
</html>
特意给你写了例子.满意的话,加点分吧.
===================
<html>
<head>
<title>
demo
</title>
<script type="text/javascript">
function uncheckGrp(grp_id)
{
document.getElementById(grp_id).checked = document.getElementById(grp_id).checked&0;
}
function selectGroup(div_id,grp_id){
var g_div = document.getElementById(div_id);
var grp = document.getElementById(grp_id);
var eles = g_div.getElementsByTagName("input");
for(var i=0;i<eles.length;i++){
if(eles[i].disabled==false) eles[i].checked=grp.checked;
}
}
</script>
</head>
<body>
<table width="100%">
<tr>
<td >
<div style="width:300px;border:1px solid red;" id="div_demo1" >
<input id="check_grp1" type="checkbox" onclick="selectGroup('div_demo1','check_grp1')">ALL
<input type="checkbox" value='1' onclick="uncheckGrp('check_grp1')">1
<input type="checkbox" value='2' onclick="uncheckGrp('check_grp1')">2
<input type="checkbox" value='3' onclick="uncheckGrp('check_grp1')">3
<input type="checkbox" value='4' onclick="uncheckGrp('check_grp1')">4
</div>
</td>
<td>
<div style="width:300px;border:1px solid green; margin-left:100px;" id="div_demo2">
<input id="check_grp2" type="checkbox" onclick="selectGroup('div_demo2','check_grp2')">all2
<input type="checkbox" value='5' onclick="uncheckGrp('check_grp2')">5
<input type="checkbox" value='6' onclick="uncheckGrp('check_grp2')">6
<input type="checkbox" value='7' onclick="uncheckGrp('check_grp2')">7
<input type="checkbox" value='8' onclick="uncheckGrp('check_grp2')">8
</div>
</td>
</tr>
</table>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<!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>测试</title>
<script type="text/javascript">
function selectAllckdiv1(obj)
{
var allInput = document.getElementsByName("ccc");
var loopTime = allInput.length;
for(i = 0;i < loopTime;i++)
{
if(allInput[i].type == "checkbox")
{
allInput[i].checked = obj.checked;
}
}
}
function selectAllckdiv2(obj)
{
var allInput = document.getElementsByName("ppp");
var loopTime = allInput.length;
for(i = 0;i < loopTime;i++)
{
if(allInput[i].type == "checkbox")
{
allInput[i].checked = obj.checked;
}
}
}
</script>
</head>
<body>
<div>
<b>div1</b><br />
<input type="checkbox" name="ccc"/>兴趣<br />
<input type="checkbox" name="ccc"/>爱好<br />
<input type="checkbox" name="ccc"/>志向<br />
<input type="checkbox" name="ccc"/>不知道是什么东西<br />
<input type="checkbox" name="ccc"/>依然不知道<br />
<input type="checkbox" onclick="selectAllckdiv1(this)" />全选div1中的<br />
</div>
<b>div2</b>
<div>
<input type="checkbox" name="ppp" />你好<br />
<input type="checkbox" name="ppp" />我好<br />
<input type="checkbox" name="ppp" />他好<br />
<input type="checkbox" name="ppp" />大家好<br />
<br />
<input type="checkbox" onclick="selectAllckdiv2(this)" />全选div2中的
</div>
</body>
</html>
全部取过去重新建个html粘贴进去就行了
时间比较仓促只写了全选的方法,反选你自己看着改改就行了,挺简单的。
不过写了这种方法后对后台取数据及做比对比较麻烦!你可以自己斟酌下是否使用。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试</title>
<script type="text/javascript">
function selectAllckdiv1(obj)
{
var allInput = document.getElementsByName("ccc");
var loopTime = allInput.length;
for(i = 0;i < loopTime;i++)
{
if(allInput[i].type == "checkbox")
{
allInput[i].checked = obj.checked;
}
}
}
function selectAllckdiv2(obj)
{
var allInput = document.getElementsByName("ppp");
var loopTime = allInput.length;
for(i = 0;i < loopTime;i++)
{
if(allInput[i].type == "checkbox")
{
allInput[i].checked = obj.checked;
}
}
}
</script>
</head>
<body>
<div>
<b>div1</b><br />
<input type="checkbox" name="ccc"/>兴趣<br />
<input type="checkbox" name="ccc"/>爱好<br />
<input type="checkbox" name="ccc"/>志向<br />
<input type="checkbox" name="ccc"/>不知道是什么东西<br />
<input type="checkbox" name="ccc"/>依然不知道<br />
<input type="checkbox" onclick="selectAllckdiv1(this)" />全选div1中的<br />
</div>
<b>div2</b>
<div>
<input type="checkbox" name="ppp" />你好<br />
<input type="checkbox" name="ppp" />我好<br />
<input type="checkbox" name="ppp" />他好<br />
<input type="checkbox" name="ppp" />大家好<br />
<br />
<input type="checkbox" onclick="selectAllckdiv2(this)" />全选div2中的
</div>
</body>
</html>
全部取过去重新建个html粘贴进去就行了
时间比较仓促只写了全选的方法,反选你自己看着改改就行了,挺简单的。
不过写了这种方法后对后台取数据及做比对比较麻烦!你可以自己斟酌下是否使用。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询