asp.net 如何实现checkbox 全选

2025-02-25 23:35:25
推荐回答(4个)
回答1:

要全选功能的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的状态赋给了每一个对象,即全选和全不选。(代码手敲,别较真,调试后再用)谢谢

回答2:

asp.net 实现checkbox 全选使用js方法实现。
asp页面代码:



全选






js代码如下:
把每个Checkbox的name都命名一样,如chk_item,然后代码如下:

function GetAllCheckBox(){
for(i=0;i{
if(document.getElementsByName(‘chk_item’)[i].checked)
{
f=true;
break;
}
}
}

回答3:

$("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;
                }
            }

回答4:

使用Jquery1.6以后的版本需要这样写
$("input[type='checkbox']").prop("checked",true);