js遍历GridView的checkBox的方法
2011-09-07 11:21
204 查看
遍历GridView的checkBox設置全選:
//Head 設置是否全選
function SelectAll(obj)
{
var chkList = $get("grd_InvoiceList").getElementsByTagName("input");
for (var i = 0; i < chkList.length; i++)
{
if (chkList[i].type == 'checkbox')
if (obj.checked)
chkList[i].checked = true;
else
chkList[i].checked = false;
}
}
//GridView 中的checkbox觸發
function SetIsSelect(obj)
{
var gv_count = 0;
var gv_chkCount=0;
var chkList = document.getElementById("grd_List").getElementsByTagName("input");
var chckAll = document.getElementById("chk_AllSelecte");
if (obj.checked == false)
{
chckAll.checked = false;
}
if (obj.checked == true)
{
for (var i = 0; i < chkList.length; i++)
{
if (chkList[i].type == 'checkbox')
{
gv_chkCount = gv_chkCount+ 1;
if (chkList[i].checked == true)
{
gv_count = gv_count + 1;
}
}
}
if (gv_count == gv_chkCount)
{
chckAll.checked = true;
}
}
}
//調用
<asp:CheckBox ID="chk_AllSelecte" runat="server" onclick="SelectAll(this);" Text="全選" TextAlign="Left" Width="48px" />
//GridView中的CheckBox
<asp:CheckBox ID="chk_InvoiceID" runat="server" onclick="SetIsSelect(this);" TextAlign="Left" Width="48px" />
//Head 設置是否全選
function SelectAll(obj)
{
var chkList = $get("grd_InvoiceList").getElementsByTagName("input");
for (var i = 0; i < chkList.length; i++)
{
if (chkList[i].type == 'checkbox')
if (obj.checked)
chkList[i].checked = true;
else
chkList[i].checked = false;
}
}
//GridView 中的checkbox觸發
function SetIsSelect(obj)
{
var gv_count = 0;
var gv_chkCount=0;
var chkList = document.getElementById("grd_List").getElementsByTagName("input");
var chckAll = document.getElementById("chk_AllSelecte");
if (obj.checked == false)
{
chckAll.checked = false;
}
if (obj.checked == true)
{
for (var i = 0; i < chkList.length; i++)
{
if (chkList[i].type == 'checkbox')
{
gv_chkCount = gv_chkCount+ 1;
if (chkList[i].checked == true)
{
gv_count = gv_count + 1;
}
}
}
if (gv_count == gv_chkCount)
{
chckAll.checked = true;
}
}
}
//調用
<asp:CheckBox ID="chk_AllSelecte" runat="server" onclick="SelectAll(this);" Text="全選" TextAlign="Left" Width="48px" />
//GridView中的CheckBox
<asp:CheckBox ID="chk_InvoiceID" runat="server" onclick="SetIsSelect(this);" TextAlign="Left" Width="48px" />
相关文章推荐
- 使用JS遍历GridView里的TextBox,并判断.提交前调用JS方法
- gridview 新的js checkbox 全选
- 取得AspxGridview中某控件的值(适用RadioButton ,CheckBox)以及在AspGridView取得某一行的方法
- js遍历List具体方法说明
- 遍历GridView,获取某控件的值,并保存到ArrayList数组中,如遍历gridview中的checkbox
- JS循环遍历JSON数据的方法
- 关于VS05里checkboxlist用JS获取不到value值的解决方法
- js获取GridView中行数据的两种方法
- js中遍历对象的属性和值的方法
- 原生JS获取页面全部的checkbox的方法
- IE8对JS的数组,采用属性遍历的方法,解析不一样的地方:
- 后台给GridView绑定数据时给每一行添加一个JS方法
- 遍历CheckBoxList的方法(读与写)
- js获取GridView中行数据的两种方法
- js判断checkbox是否选中个数的方法(超简单)
- js取得gridview中获取checkbox选中的值,郁闷了半天
- JS与jQuery遍历Table所有单元格内容的方法
- js中会使用到的一种表单遍历验证的方法,访问当前节点的兄弟节点
- Js动态添加复选框Checkbox的实例方法
- js---原生JS数组arr遍历方法forEach()和map()遍历的区别以及兼容写法