通过单击复选框选中列表中的所有复选框
Checking all checkboxes in list by single checkbox click
在我的网页上,我有一个CheckBoxList和一个复选框。当我点击复选框时,复选框列表中的所有复选框都应该被选中。我的CheckBoxList必须在Bodycontent占位符下,因为网页的布局就是这样的,我把脚本放在了同一个占位符中。
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<script type="text/javascript">
function select(ch) {
var allcheckboxes = document.getElementById('<%=CheckBoxList1.ClientID %>').getElementsByTagName("input");
for (i = 0; i < allcheckboxes.length; i++)
allcheckboxes[i].checked = ch.checked;
}
</script>
<asp:CheckBoxList ID="CheckBoxList1" runat="server"
RepeatDirection="Horizontal" RepeatLayout="Flow">
<asp:ListItem>Item A</asp:ListItem>
<asp:ListItem>Item B</asp:ListItem>
<asp:ListItem>Item C</asp:ListItem>
</asp:CheckBoxList>
<asp:CheckBox ID="allCheck" onclick="select(this)" runat="server" Text="Select all" />
<br />
</asp:Content>
以上内容没有任何作用。点击复选框时,不会发生任何事情!我在这个小问题上纠缠了很长时间,无法做到这一点。有什么建议吗?
将函数的名称更改为其他名称;它将工作
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<script type="text/javascript">
function select1(ch) {
var allcheckboxes = document.getElementById('<%=CheckBoxList1.ClientID %>').getElementsByTagName("input");
for (i = 0; i < allcheckboxes.length; i++)
allcheckboxes[i].checked = ch.checked;
}
</script>
<asp:CheckBoxList ID="CheckBoxList1" runat="server"
RepeatDirection="Horizontal" RepeatLayout="Flow">
<asp:ListItem>Item A</asp:ListItem>
<asp:ListItem>Item B</asp:ListItem>
<asp:ListItem>Item C</asp:ListItem>
</asp:CheckBoxList>
<asp:CheckBox ID="allCheck" onclick="select1(this)" runat="server" Text="Select all" />
<br />
</asp:Content>
这样尝试。。
function UnCheckAll(isCheck) {
var theForm = document.forms['yourFormName'];
if (!theForm) {
theForm = document.form1;
}
var length = theForm.elements.length;
for (var i = 0; i < length; i++) {
if (theForm.elements[i].type == "checkbox") {
if (theForm.elements[i].id != "allCheck") {
if (theForm.elements[i].disabled == false) {
theForm.elements[i].checked = isCheck.checked;
}
}
}
}
}
相关文章:
- 如何保持引导程序下拉复选框列表下拉
- (取消)使用单独的复选框激活复选框列表
- 复选框列表在Knockout JS中不起作用
- 如何创建至少 1 个框处于活动状态的复选框列表
- 如何将从谷歌自定义搜索API获取的数据放入复选框列表
- 检查多个复选框列表与单击一个按钮
- Angular 2:用HTTP响应填充复选框列表
- 使用复选框列表中的jquery附加文本
- 如何部分隐藏asp.net复选框列表项
- 使用DOM创建并填充一个带有javascript数组值的复选框列表
- jQuery可搜索复选框列表和三态复选框
- 在php生成的页面上获取勾选复选框列表的动态方式
- AngularJS:用两个JSON数组填充复选框列表,最初检查了一个数组中的一些项
- 项目的复选框列表的总和
- 使用jQuery从复选框列表中获取所选项目
- 如何在复选框列表项选择上调用 javascript 函数
- 更改复选框列表项样式
- AngularJS不保留表单中复选框列表中的选定项
- 当用户选中复选框列表中的复选框之一时,我们如何禁用复选框
- 复选框列表 将数组格式化为 JSON 并在 ng-repeat 中映射后未填充