datagrid平添全选和反选按钮（复选框）
日期：2014-05-17 浏览次数：20460 次
datagrid添加全选和反选按钮（复选框）
在datagrid外添加全选和反选按钮，可以全选或者反选datagrid内的复选框
------解决方案--------------------
你生成的代码还是checkbox嘛
------解决方案--------------------
//全选，全不选
function checkAll(obj) {
var tt = document.getElementsByTagName("input");
for (var i = 0; i < tt.length; i++) {
if (tt[i].type == "checkbox") {
if (obj.checked == true) {
tt[i].checked = true;
}
if (obj.checked == false) {
tt[i].checked = false;
}
}
}
}
全选<input name="checkbox3" type="checkbox" class="fxk" value="checkbox" onclick="checkAll(this)" />
//控件中的CheckBox
<asp:CheckBox ID="cbCheck" run
在datagrid外添加全选和反选按钮，可以全选或者反选datagrid内的复选框
datagrid
------解决方案--------------------
你生成的代码还是checkbox嘛
<!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>test</title>
<script>
function CheckAll(value,obj) {
var form=document.getElementsByTagName("form")
for(var i=0;i<form.length;i++){
for (var j=0;j<form[i].elements.length;j++){
if(form[i].elements[j].type=="checkbox"){
var e = form[i].elements[j];
if (value=="selectAll"){e.checked=obj.checked}
else{e.checked=!e.checked;}
}
}
}
}
</script>
</head>
<body>
<form name="c" method="post" action="<#ZC_BLOG_HOST#>?cat=2">
<input name="id" type="checkbox" id="id" value="1">
<input name="id" type="checkbox" id="id" value="2">
<input name="id" type="checkbox" id="id" value="3">
<input name="id" type="checkbox" id="id" value="4">
</form>
<form name="<#ZC_BLOG_HOST#>?cat=11" method="post" action="">
<input name="id" type="checkbox" id="id" value="5">
<input name="id" type="checkbox" id="id" value="6">
<input name="id" type="checkbox" id="id" value="7">
<input name="id" type="checkbox" id="id" value="8">
</form>
<INPUT onclick=CheckAll('selectAll',this) type=checkbox value=on name=chkall>
全选
<input type="checkbox" name="invest" value="checkbox" onClick="CheckAll()">
反选
</body>
</html>
------解决方案--------------------
//全选，全不选
function checkAll(obj) {
var tt = document.getElementsByTagName("input");
for (var i = 0; i < tt.length; i++) {
if (tt[i].type == "checkbox") {
if (obj.checked == true) {
tt[i].checked = true;
}
if (obj.checked == false) {
tt[i].checked = false;
}
}
}
}
全选<input name="checkbox3" type="checkbox" class="fxk" value="checkbox" onclick="checkAll(this)" />
//控件中的CheckBox
<asp:CheckBox ID="cbCheck" run
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
