C# 通过单击复选框选中列表中的所有复选框
在我的网页上,我有一个复选框列表和一个复选框。当我点击复选框时,复选框列表中的所有复选框都应该被选中。我的复选框列表必须在Bodycontent占位符下,因为这就是网页的布局,我将脚本保留在同一占位符中C# 通过单击复选框选中列表中的所有复选框,c#,javascript,asp.net,C#,Javascript,Asp.net,在我的网页上,我有一个复选框列表和一个复选框。当我点击复选框时,复选框列表中的所有复选框都应该被选中。我的复选框列表必须在Bodycontent占位符下,因为这就是网页的布局,我将脚本保留在同一占位符中 <asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> <script type="text/javascript"> function se
<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>
功能选择(ch){
var allcheckbox=document.getElementById(“”).getElementsByTagName(“输入”);
对于(i=0;i
上面这些都没用。点击复选框时,不会发生任何事情!我在这个小问题上被困了很长一段时间,无法做到同样的事情。有什么问题吗?将函数名称更改为其他名称;它会起作用的
<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>
功能选择1(ch){
var allcheckbox=document.getElementById(“”).getElementsByTagName(“输入”);
对于(i=0;i
像这样试试
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;
}
}
}
}
}
函数取消选中(isCheck){
var theForm=document.forms['yourFormName'];
if(!theForm){
theForm=document.form1;
}
变量长度=form.elements.length;
对于(变量i=0;i
您是否尝试使用JS调试器(如Firebug)调试javascript?