遇到的一个html控件checkbox全选反选问题后台取值问题
今天看到同事封装的一个grid表格控件,
看到对全选反选处理不是很好,
自己写了个,上代码
代码
protected void Page_Load(object sender, EventArgs e)
{
if(!IsPostBack)
bind();
}
void bind()
{
DataTable dt = new DataTable();
dt.Columns.Add("id",Type.GetType("System.Int32"));
for (int i = 0; i < 10; i++)
{
DataRow dr= dt.NewRow();
dr["id"] = i;
dt.Rows.Add(dr);
}
Repeater1.DataSource = dt;
Repeater1.DataBind();
}
protected void Button1_Click(object sender, EventArgs e)
{
Response.Write(Request.Form["checkbox"]);
}
aspx页面代码
代码
<head runat="server">
<title></title>
<script type="text/javascript">
function Check(){
var checkboxlist = document.getElementsByName("checkbox");
for (var i = 0; i < checkboxlist.length; i++) {
checkboxlist.item(i).checked = !(checkboxlist.item(i).checked};
};
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Repeater ID="Repeater1" runat="server">
<ItemTemplate>
<input name="checkbox" value="<%#Eval("id") %>" type="checkbox" /><%#Eval("id") %>
</ItemTemplate>
</asp:Repeater>
<asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
<input id="Button2" type="button" onclick="Check()" value="button" />
</div>
</form>
</body>
第一次写博客,不知道在哪里上传附件,原谅阿.
找到发附件)
V's Blog
http://blog.webvv.com