checkbox 全选 单选的使用
2024-08-30 04:37:36
绑定数据
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='<%#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 = ; i < cks.length; i++) {
cks[i].checked = this.checked;
}
} for (var i = ; i < cks.length; i++) {
var count = ;
for (var j = ; j < cks.length; j++) {
//假设有一个 没选 count +1
if (cks[j].checked == false)
count++;
}
//都选 全选 选中状态
if (count == ) {
ckall.checked = true;
}
else { ckall.checked = false;
} } </script>
最新文章
- Service基础使用
- 关系数据库SQL之可编程性函数(用户自定义函数)
- 【JAVA并发编程实战】12、使用condition实现多线程下的有界缓存先进先出队列
- [mysql]throw exception
- Dispose() C# 优化内存
- Web性能优化之动态合并JS/CSS文件并缓存客户端
- Road Construction(poj 3352)
- DrawerLayout带有侧滑功能的布局类(2)
- VirtualBox,Kernel driver not installed (rc=-1908)
- 如何两周达到150行Java程序的能力--part 2
- win7上Android环境搭建以及调试
- Error contacting service. It is probably not running.
- WPF 10天修炼 第二天- XAML语言
- Vue报错——“Trailing spaces not allowed”
- 10分钟了解JSON Web令牌(JWT)
- WEBLOGIC because another WebLogic Server instance is already using this directory
- javascript实现全选,全不选,反选
- PAT 甲级 1054 The Dominant Color (20 分)
- 请求数据传入(SpringMVC)
- 【Hive学习之二】Hive SQL