js控制gridview 中的checkbox 全选

最新推荐文章于 2021-11-05 17:27:57 发布
最新推荐文章于 2021-11-05 17:27:57 发布
阅读量2.8k 收藏
点赞数
文章标签： input server function asp button object
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/love_rrr/article/details/4241355
版权
这篇博客介绍了如何在ASP.NET的GridView控件中实现全选复选框的功能，并通过JavaScript函数`checkAll()`控制子项复选框状态。同时，展示了批删除按钮的客户端验证函数`clientValid()`，在用户点击批删除前确认是否有记录被选中。如果存在选中记录，会弹出确认删除的对话框；否则提示用户选择要删除的记录。
摘要由CSDN通过智能技术生成

 <script type="text/javascript">
  
   function checkAll(oCheckbox)
   {
        var chk=document .getElementById("GridView1").getElementsByTagName("input");
        for(var s=0;s<chk.length;s++)
        {
            if(chk[s].id="Checkbox2" )
                chk[s].checked=oCheckbox.checked;
        }
   }
   function clientValid()
   {
   try{
  
        var chk=document .getElementById("GridView1").getElementsByTagName("input");
        var p=0;
        for(var s=0;s<chk.length;s++)
        {
            if((chk[s].id="Checkbox2")&&(chk[s].checked==true))
                p++;
        }
        if(p!=0)
          return confirm ("确实删除这些记录吗？");
        else

最低0.47元/天 解锁文章
love_rrr
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
gridview全选（js实现）
11-22
gridview全选（用js实现），并且附有js文件的使用说明
js控制Gridview中的checkbox全选(转)
隋旭峰的专栏
08-17 1293
<br />js代码部分<br />function SelectAll(chkbox)<br />           {<br />              var theBox=chkbox;<br />              xState=theBox.checked;    <br />              elem=theBox.form.elements;<br />              for(i=0;i<elem.length;i++)<br />            
用javascript操纵GridView中CheckBox
流程管理软件
05-19 692
CheckBox.aspx主要包含一个GridView，里面包含了我们要折腾的CheckBox，还有一大~~~~堆的javascript，当然也还是我们折腾的重要手段，只是目标基本已经换成了GridView中的CheckBox，和GridView本身并没有太大关系 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http:/
GridView中通过js对CheckBox进行全选
zhu1991_的博客
02-07 1242
function SelectAllCheckboxes(spanChk) {     elm = document.forms[0];     for (i = 0; i         if (elm[i].type == "checkbox" && elm[i].id != spanChk.id) {             if (elm.elements[i].chec
js控制Gridview中的checkbox全选
小楫轻舟
08-24 519
<br />下面列子 实现gridview 的 checkbox 全选<br /> <br />Js 部分<br />function SelectAll(chkbox) { var theBox=chkbox; xState=theBox.checked; elem=theBox.form.elements; for(i=0;i<elem.length;i
ASP.NET Gridview与checkbox全选、全不选实现代码
01-01
1. 页面 在onclick事件中 “传自己” 代码如下: ”全选”> <HeaderTemplate> <input type=”checkbox” id=”CheckBox1″ name=”CheckBox1″ onclick=”GetAllCheckBox(this)” /> 全选 </HeaderTemplate> ...
asp.net gridview中用checkbox全选的几种实现的区别
10-29
几天为了改变客户端grid的全选效率问题，详细研究了ext中grid的全选和gridview中通过脚本实现的全选效率，总结一下，供大家参考，有错误的地方，希望大侠指正，小弟献丑了。
GridView中checkbox全选/取消完美兼容IE和Firefox
01-01
代码如下: function selectAll(obj) { var theTable = obj[removed][removed][removed][removed]; var i; var j = obj[removed].cellIndex; for(i=1;i<theTable.rows.length;i++) { if(theTable.rows[i].cells....
Gridview使用CheckBox全选与单选采用js实现同时高亮显示选择行
10-27
Gridview使用CheckBox单选与全选功能再次进行简单演示，选中的行，使用高亮显示，让用户一目了然看到哪一行被选择了,在项目中很实用的，开发中的朋友们可要考虑一下哦
JS实现Gridview全选[原创]
qsbqing的专栏
03-08 465
<br /> <br /><script language="javascript"><br />          function SelectAll(obj) {<br />              var inputs = document.forms[0].elements;<br />              var flag = obj.checked;<br />              for (var i = 0; i < inputs.length; i++) {<br />  
js获得Gridview中选中checkbox行的信息
06-17
js获得Gridview中选中checkbox行的信息，当你选择GridView中某一行或某几行前面的checkbox时可以得到当前行的所有信息或部分信息。
C# 使用js 实现GridView 的全选 /单选
amengsimida的博客
03-03 781
C# 使用js 实现GridView 的全选 /单选
JS操作gridview checkbox
寻找被遗忘的记忆
08-24 544
<br /> function GetSelectData(){<br />        var linedata = new Array();<br />        var obj = event.srcElement;<br />        var tr = null;<br />        if(obj.tagName!="INPUT"){<br />            return ;<br />        }<br />        tr =obj.parentElemen
js 实现gridview全选
JustLovePro的专栏
09-23 857
    function check(obj)    {      var flag=obj.checked;      var gvshow=document.getElementById(gvshow);      var count=gvshow.rows.length;           for(var i=1;i      {        
用js实现 全选功能（Gridview)
weixin_34405332的博客
05-10 119
看效果：如下： 前台js： &lt;script language="javascript" type="text/javascript"&gt; var list = document.getElementsByName("ch"); window.onload =function() { for(var i=0;i&lt;list.lengt...
js获取GridView中CheckBox的选中状态
ylx4399的专栏
11-19 906
function Checked() { var ele = event.srcElement; if(ele.tagName == "INPUT" && ele.type == "checkbox") { var text = ele.parentElement.title; if(e
用JS处理GridView中的（CheckBox)单选、全选
雨季不再来的专栏
03-11 2103
/usr/local/mysql/lib/mysql/libmysqlclient.a(my_compress.o): In function `my_uncompress:my_compress.c:(.text+0x60): undefined reference to `uncompress/usr/local/mysql/lib/mysql/libmysqlclient.a(my_co
ag-grid-vue实现全选反选及其他功能
taibaishenlong的专栏
11-05 2473
1、点击全选，则选择全部选项框，再点击一下反选，则不选任何选项框，先放一张实现图，如下所示： 2、html代码部分，如下所示： <div class="autoSizeDiv"> <el-row> <el-col :span="24" style="border: 1px solid #dfe6ec;"> <ag-grid-vue .
ag-grid 学习笔记四：ag-grid方法（重设行数据、增删改、反选、新增列、插入新行、合计行接口、遍历行对象、获取置顶行数量、获取底部合计行对象、获取行对象、刷新、单元格焦点）
热门推荐
【爱打盹的喵】的专栏
06-10 1万+
一 setRowData重新设置表格行数据 重新设置表格数据很简单，只需要调用 gridOptions.api.setRowData(数据集)接口传入数据即可。 以下函数为调用方式。 function resetGrid() { //新的数据项 var Newdata = [ { name: '小明', sex: '男', age: '100', 'jg': '中国', 'sf': '浙江...
asp.net中gridview的checkbox使用总结
最新发布
05-24
在ASP.NET中使用GridView控件的Checkbox列可以让用户方便地选择多个行，以进行批量操作。以下是使用GridView控件的Checkbox列的一些总结： 1. 添加Checkbox列 在GridView控件的模板列中添加Checkbox列，可以使用以下代码： ``` <asp:GridView ID="GridView1" runat="server"> <Columns> <asp:TemplateField> <ItemTemplate> <asp:CheckBox ID="CheckBox1" runat="server" /> </ItemTemplate> </asp:TemplateField> ... </Columns> ... </asp:GridView> ``` 2. 获取选中行 在处理GridView控件的Checkbox列时，需要遍历GridView中的所有行，检查每个Checkbox是否被选中。可以使用以下代码来获取选中的行： ``` foreach (GridViewRow row in GridView1.Rows) { CheckBox chk = (CheckBox)row.FindControl("CheckBox1"); if (chk.Checked) { // 选中的行 } } ``` 3. 设置全选 为了方便用户选择所有行，可以在页面上添加一个“全选”复选框，并使用JavaScript代码来设置GridView中所有Checkbox的选中状态。可以使用以下代码来设置全选： ``` <script type="text/javascript"> function selectAll() { var chkAll = document.getElementById('<%= chkAll.ClientID %>'); var grid = document.getElementById('<%= GridView1.ClientID %>'); for (var i = 0; i < grid.rows.length; i++) { var chk = grid.rows[i].cells[0].getElementsByTagName("input")[0]; if (chk.type == "checkbox") { chk.checked = chkAll.checked; } } } </script> <asp:CheckBox ID="chkAll" runat="server" onclick="selectAll();" /> ``` 4. 处理PostBack 在处理PostBack时，需要检查GridView中的所有行，并处理选中的行。可以使用以下代码来处理PostBack： ``` protected void Button1_Click(object sender, EventArgs e) { foreach (GridViewRow row in GridView1.Rows) { CheckBox chk = (CheckBox)row.FindControl("CheckBox1"); if (chk.Checked) { // 选中的行 } } } ``` 希望这些总结能够对你有所帮助！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值