asp.net 如何实现checkbox 全选
展开全部
要全选功能的chechkbox加一个相同的name属性,根据name使用js获取所有的checkbox,循环遍历所有的单个对象然后赋值;如
var aa = document.getElementsByName("Item");
for (var i = 0; i < aa.length; i++) {
aa[i].checked = true;
}
}
一些jq框架会更方便一下,并且效果也不会变差;如下:
$('table th input:checkbox').on('click', function () {
var that = this;
$(this).closest('table').find('tr > td:first-child input:checkbox').each(function () {
this.checked = that.checked;
$(this).closest('tr').toggleClass('selected');
});
});
这段代码是只获取table里面的checkbox;意思是说在table里面th里面的chechkbox触发click事件时遍历table中所有tr中的checkbox控件并循环将th中的checkboc的状态赋给了每一个对象,即全选和全不选。(代码手敲,别较真,调试后再用)谢谢
var aa = document.getElementsByName("Item");
for (var i = 0; i < aa.length; i++) {
aa[i].checked = true;
}
}
一些jq框架会更方便一下,并且效果也不会变差;如下:
$('table th input:checkbox').on('click', function () {
var that = this;
$(this).closest('table').find('tr > td:first-child input:checkbox').each(function () {
this.checked = that.checked;
$(this).closest('tr').toggleClass('selected');
});
});
这段代码是只获取table里面的checkbox;意思是说在table里面th里面的chechkbox触发click事件时遍历table中所有tr中的checkbox控件并循环将th中的checkboc的状态赋给了每一个对象,即全选和全不选。(代码手敲,别较真,调试后再用)谢谢
2016-03-15 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
关注
展开全部
asp.net 实现checkbox 全选使用js方法实现。
asp页面代码:
<asp:TemplateField HeaderText="全选">
<HeaderTemplate>
<input type="checkbox" id="CheckBox1" name="CheckBox1" onclick="GetAllCheckBox(this)" />
全选
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="CheckBox2" runat="server"/>
</ItemTemplate>
<ItemStyle HorizontalAlign="Center" Width="100px" />
</asp:TemplateField>
js代码如下:
把每个Checkbox的name都命名一样,如chk_item,然后代码如下:
function GetAllCheckBox(){
for(i=0;i<document.getElementsByName(‘chk_item’).length;i++)
{
if(document.getElementsByName(‘chk_item’)[i].checked)
{
f=true;
break;
}
}
}
asp页面代码:
<asp:TemplateField HeaderText="全选">
<HeaderTemplate>
<input type="checkbox" id="CheckBox1" name="CheckBox1" onclick="GetAllCheckBox(this)" />
全选
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="CheckBox2" runat="server"/>
</ItemTemplate>
<ItemStyle HorizontalAlign="Center" Width="100px" />
</asp:TemplateField>
js代码如下:
把每个Checkbox的name都命名一样,如chk_item,然后代码如下:
function GetAllCheckBox(){
for(i=0;i<document.getElementsByName(‘chk_item’).length;i++)
{
if(document.getElementsByName(‘chk_item’)[i].checked)
{
f=true;
break;
}
}
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
$("input[type='checkbox']").attr("checked",true);
用js这样就行了,如果用C#
foreach (Control item in this.Controls)
{
if (item is CheckBox)
{
CheckBox box = (CheckBox)item;
box.Checked = true;
}
}
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
使用Jquery1.6以后的版本需要这样写
$("input[type='checkbox']").prop("checked",true);
$("input[type='checkbox']").prop("checked",true);
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询