如何实现单击在DATALIST(DATAGRID)的HEADER加入的CHECKBOX,进行DATALIST(DATAGRID)中的CHECKBOX列全选或全不选

最新推荐文章于 2024-07-12 16:27:40 发布
最新推荐文章于 2024-07-12 16:27:40 发布
阅读量1.1k 收藏
点赞数
文章标签： datagrid header null javascript function input
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/j99616/article/details/19246
版权

首先在DATALIST的HEADER列上加入＜INPUT οnclick=ll(this.checked); type=checkbox＞,  然后在<head> 里的JAVASCRIPT中加入

function ll(flag) { if (document.Form1.DataList2__ctl1_CheckBox1 !=null) { document.Form1.DataList2__ctl1_CheckBox1.checked=flag; } if (document.Form1.DataList2__ctl2_CheckBox1 !=null) { document.Form1.DataList2__ctl2_CheckBox1.checked=flag; } if (document.Form1.DataList2__ctl3_CheckBox1 !=null) { document.Form1.DataList2__ctl3_CheckBox1.checked=flag; } if (document.Form1.DataList2__ctl4_CheckBox1 !=null) { document.Form1.DataList2__ctl4_CheckBox1.checked=flag; } if (document.Form1.DataList2__ctl5_CheckBox1 !=null) { document.Form1.DataList2__ctl5_CheckBox1.checked=flag; } if (document.Form1.DataList2__ctl6_CheckBox1 !=null) { document.Form1.DataList2__ctl6_CheckBox1.checked=flag; } if (document.Form1.DataList2__ctl7_CheckBox1 !=null) { document.Form1.DataList2__ctl7_CheckBox1.checked=flag; } if (document.Form1.DataList2__ctl8_CheckBox1 !=null) { document.Form1.DataList2__ctl8_CheckBox1.checked=flag; } if (document.Form1.DataList2__ctl9_CheckBox1 !=null) { document.Form1.DataList2__ctl9_CheckBox1.checked=flag; } if (document.Form1.DataList2__ctl10_CheckBox1 !=null) { document.Form1.DataList2__ctl10_CheckBox1.checked=flag; } }

实现的关键在于如何确定DATALIST中的CHECKBOX的名字

一上面的例子为例,我定义了DATALIST每页显示10行,其中DATALIST的名字:DataList2,而CheckBox的名字:CheckBox1,  CHECKBOX列为第一列,那么CHECKBOX列中的每一个CHECKBOX的名字就是DataList2__ctl?_CheckBox1,  "?"就是从1开始递增

j99616
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在DataGrid中使用CheckBox，实现全选功能
03-14
NULL 博文链接：https://taomujian.iteye.com/blog/294748
DataGrid 的 全选/取消全选 控制(CheckBox)
无界编程
03-21 3712
DataGrid控件:　　                                                                                                                                       JavaScript函数:　　var che
DataGridView 复选框全选。
07-17
DataGridView 复选框列实现全选。点击列头的复选框下面的行全部选中或者全部取消。
在DataGrid中进行复选框的操作(全选和取消)
08-18
在DataGrid中进行复选框的操作(全选和取消)
Android中ListView结合CheckBox实现数据批量选择（全选、反选、全不选）
01-20
总之，在Android中实现ListView与CheckBox的批量选择功能，关键在于适配器中对CheckBox状态的管理以及在Activity或Fragment中控制全选、反选、全不选的逻辑。通过这种方式，你可以为用户提供高效且直观的批量操作...
ASP.NET中GridView、DataList、DataGrid三个数据控件foreach遍历用法示例
10-21
在ASP.NET中，GridView、DataList和DataGrid是常见的数据展示控件，它们用于显示从数据库或其他数据源获取的数据。这些控件提供了多种方式来处理和操作数据，其中包括使用foreach循环进行遍历。下面我们将详细讲解这...
完美解决Listview嵌套Checkbox滑动后位置错乱问题，和checkbox的全选或全不选。
10-14
以上就是解决ListView中Checkbox滑动后位置错乱问题和实现全选/全不选功能的完整方案。通过合理利用ViewHolder和监听CheckBox状态，我们可以确保每个Checkbox的状态在滑动时得到正确维护，同时提供方便的全选操作。...
asp.net 获取Datalist中Checkbox的值的小结
10-29
最近开发过程中遇到一个小问题，要获取checkbox的值，在网上搜索了一下，发现基本上都是用JS实现的，现在我将自己的做法记录一下，以便以后继续使用。
决定何时使用 DataGrid、DataList 或 Repeater（ASP.NET 技术文章）
01-20
DataList控件在灵活性上比DataGrid更胜一筹，它允许开发者自由控制数据的布局，支持流式布局或表格布局，适合展示更复杂的数据结构。DataList虽然不提供内置的排序和分页功能，但可以通过编程实现。因此，对于需要...
WPF在dataGrid中添加CheckBox支持单选，多选，全选功能
09-05
项目中用到DataGrid， 需要在第一列添加checkbox， 可以多选、全选。 其中涉及的概念DataTemplate， DataGridCellStyle， DataGridCellControlTemplate，Binding， OnPropertyChanged等。
WPF-DataGrid中CheckBox实现全选与非全选
10-27
在DataGrid中实现了 简单的全选与非全选。
DataList中下拉框数据绑定，事件，及动态添加控件
03-23
DataList中下拉框数据绑定，事件，及动态添加控件
在DataGrid中利用CheckBox全选所有行
soarheaven的专栏
09-20 3536
                                                    在DataGrid中利用CheckBox全选所有行 效果图：背景：asp.net中的DataGrid用复选框全选或全不选其中所有行思路：因为经常有这方面的需求，以往都是在客户端写脚本，通用性差。所以我想把该功能写成一个控件，以达到复用的效果。功能包括：1、DataGr
wpf中为DataGrid添加checkbox支持多选全选
weixin_33850015的博客
08-02 1229
项目中用到DataGrid， 需要在第一列添加checkbox， 可以多选、全选。 其中涉及的概念DataTemplate， DataGridCellStyle， DataGridCellControlTemplate，Binding， OnPropertyChanged等。 有下面是实现思路: 1.继承INotifyPropertyChanged接口，...
EASYUI DATAGRID 多列复选框CheckBox
dearbaba_8520的博客
06-08 1787
主要实现： 用的 easyui 1.3.2 实现多个复选框列，各列互不影响。能够实现全选。主要部门用红色标记了的。 easyui datagrid 初始化： &lt;script&g
DataList增加复选框方法,以及获选中项的值
emailqjc的专栏
04-02 6140
1、为了有复选框，增加CheckBox到DataList上2、在DataList上的项上设置数据列3、确认选择获得选择项对应分店编号值                                                                                                runat="server" />            
更新商品前端接口编写
最新发布
weixin_55639995的博客
07-12 347
那么在vue运行的时候,会加载所有的ref属性特征的元素还有组件。标签中ref的作用就是将 该组件注册到vue对象的ref属性中。使用插槽,那个scope就是代表着一行的数据。然后里面的选项遍历的是 js定义的数据。如果文字显示过多可以使用 文本隐藏显示。表单绑定还有表单数据的绑定。数据绑定使用的表单绑定状态。写form表单然后封装数据。状态的选择使用的是选择框。副标题使用的是文本域。状态页面使用,下拉框。富文本选择器使用组件。使用后端枚举类型去写。
react 全选_使用React的Hooks+ts实现全选和全不选？
05-31
接下来，在组件中渲染一个全选的复选框，并将其与selectAll状态绑定： ```typescript <input type="checkbox" checked={selectAll} onChange={() => setSelectAll(!selectAll)} /> ``` 接着，我们需要在渲染数据...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值