js全选和读出对应id和对应值

奉师命实习留校做开发，需要做一个科研项目——影像系统。授命之后开始做需求，经过近十天的努力，大概的需求浮出水面，在以后的日子里面，我会把开 发过程中的一些技术功能模块，我认为有价值贡献出来分享的，虽然很多可能是网上的功能修改而成，但是可以保证都是经过我测试，并且已经消化的知识，如果无 意中侵犯了相关原创作者版权，请与我联系（邮箱：8chf@163.com），我将及时从日志上删除，并从系统功能中除掉。

因为是今天才决定写的，所有前期的有些需求的设计和功能模块就暂时不写出来了，如果后期时间有多余，我将会渐渐的补全。

今天试验课回到宿舍后，考虑到系统在很多地方要实现gridv+checkbox选择（有些要全选）功能，就写了一个，代码如下：

aspx代码：

<asp:GridView ID=”GridView1″ runat=”server” AutoGenerateColumns=”False”
BorderWidth=”0px” DataKeyNames=”id”>
<Columns>
<asp:TemplateField>
<HeaderTemplate>
<input id=”Checkbox2″ runat=”server” type=”checkbox” onclick=”CheckAllC(this)”/>
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID=”ItemCheckBoxC” runat=”server” />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText=”全选”>
<ItemTemplate>
<asp:Label ID=”Label1″ runat=”server” Text=’<%# Bind(“id”) %>’ Visible=”false”></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText=”名称”>

<ItemTemplate>
<asp:Label ID=”Label2″ runat=”server” Text=’<%# Bind(“username”) %>’></asp:Label>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>

<asp:Button ID=”Button1″ runat=”server” onclick=”Button1_Click”
Text=”显示选择列id_name” />

cs代码：

</pre>
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
bind();
}
}
private void bind()
{
DataTable dt =  xifenfei.mssql.SqlHelper.ExecuteDataset(xifenfei.mssql.SqlHelper.Connection_test,  CommandType.Text, "select id,username from login").Tables[0];
GridView1.DataSource = dt;
GridView1.DataBind();
}
protected void Button1_Click(object sender, EventArgs e)
{
string selectid = ""; string selectname = "";
for (int i = 0; i < GridView1.Rows.Count; i++)
{
CheckBox ch = (CheckBox)GridView1.Rows[i].Cells[0].FindControl("ItemCheckBoxC");
if (ch.Checked)
{
selectid += GridView1.DataKeys[i].Value.ToString()+";";
Label lbl = (Label)GridView1.Rows[i].FindControl("Label2");
selectname += lbl.Text+";";
}
}
Response.Write(selectid+"<br />"+selectname);
}

js代码

<script type="text/javascript">
function CheckAllC(oCheckbox)
{
var GridView1 = document.getElementById("<%=GridView1.ClientID %>");
for(i = 1;i < GridView1.rows.length; i++)
{
GridView1.rows<em>.cells[0].getElementsByTagName("INPUT")[0].checked = oCheckbox.checked;
}
}
</script> </em>

如果有分页的话，要在 GridView1.rows.length的数值上减一