首页 > 代码库 > checkbox 全选 单选的使用
checkbox 全选 单选的使用
绑定数据
if (!IsPostBack) { using (UsersDataContext con = new UsersDataContext()) { Repeater1.DataSource = con.Users.ToList(); Repeater1.DataBind(); } }
后台 checkbox 选中状态 去的值
void Button1_Click(object sender, EventArgs e) { Label1.Text=Request["ck"]; }
html 显示 和布局代码
<asp:Button ID="Button1" runat="server" Text="Button" /> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> <table style="background-color: navy; text-align: center;"> <tr style="color: white; font-size: 20px;"> <%--全选用的纯元素--%> <td> <input type="checkbox" id="ckall" /><label for="ckall">全选</label></td> <td>编号</td> <td>用户名</td> </tr> <asp:Repeater ID="Repeater1" runat="server"> <ItemTemplate> <tr style="background-color: white;"> <td> <%--单选用的纯元素--%> <input type="checkbox" name="ck" value=http://www.mamicode.com/‘<%#Eval("Ids") %>‘ /></td> <td><%#Eval("Ids") %></td> <td><%#Eval("username") %></td> </tr> </ItemTemplate> </asp:Repeater> </table>
js写用 的代码
<script type="text/javascript"> var ckall = document.getElementById("ckall"); var cks = document.getElementsByName("ck"); ckall.onclick = function () { for (var i = 0; i < cks.length; i++) { cks[i].checked = this.checked; } } for (var i = 0; i < cks.length; i++) { var count = 0; for (var j = 0; j < cks.length; j++) { //假设有一个 没选 count +1 if (cks[j].checked == false) count++; } //都选 全选 选中状态 if (count == 0) { ckall.checked = true; } else { ckall.checked = false; } } </script>
checkbox 全选 单选的使用
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。