您的位置:首页 > Web前端 > JavaScript

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" />
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: