C# 复选框列表-javascript_C#_Javascript_Asp.net

C# 复选框列表-javascript

c# javascript asp.net

C# 复选框列表-javascript,c#,javascript,asp.net,C#,Javascript,Asp.net,在我的aspx页面中，我有一个复选框列表。它绑定了表中的值。。我需要验证复选框列表..我尝试了以下脚本 var checkBoxCount = 0; var elements = document.getElementById('<%=ChkBoxList.ClientID%>'); for(i=0; i<elements.length;i++) { if(elements[i].checke

在我的aspx页面中，我有一个复选框列表。它绑定了表中的值。。我需要验证复选框列表..我尝试了以下脚本

 var checkBoxCount = 0;     

        var elements = document.getElementById('<%=ChkBoxList.ClientID%>');

        for(i=0; i<elements.length;i++)

        {

        if(elements[i].checked) 

        checkBoxCount++;

        }  

        if (checkBoxCount == 0)
               {
                alert("Please choose atleast one");
              return false;
              }

var checkBoxCount=0；
var elements=document.getElementById（“”）；
for（i=0；idocument.getElementById
返回一个元素，而不是数组
一种方法是获取容器并遍历输入，如下所示：
var container = document.getElementById('<%=ChkBoxList.ClientID%>').parentNode;
var inputs = container.getElementsByTagName('input');

for (var i=0; i<inputs.length; i++) {
  if (typeof inputs[i] = "checkbox") {
    // statements
  }
}

var container=document.getElementById（“”）.parentNode；
var inputs=container.getElementsByTagName（'input'）；
for（var i=0；idocument.getElementById
返回一个元素，而不是数组
一种方法是获取容器并遍历输入，如下所示：
var container = document.getElementById('<%=ChkBoxList.ClientID%>').parentNode;
var inputs = container.getElementsByTagName('input');

for (var i=0; i<inputs.length; i++) {
  if (typeof inputs[i] = "checkbox") {
    // statements
  }
}

var container=document.getElementById（“”）.parentNode；
var inputs=container.getElementsByTagName（'input'）；
对于（var i=0；i函数readListControl（）
{
var tableBody=document.getElementById（'CheckBoxList1'）.childNodes[0]；
对于（var i=0；i函数readListControl（）
{
var tableBody=document.getElementById（'CheckBoxList1'）.childNodes[0]；
对于（var i=0；i，您必须向我们显示生成的html
但是，以下是一个工作示例：
<html>
<body><form name="myform" method="POST" action="" onsubmit="return validate();">
<input type="checkbox" name="mybox" value="1" /> 1 
<input type="checkbox" name="mybox" value="2" /> 2 
<input type="checkbox" name="mybox" value="3" /> 3 
<input type="checkbox" name="mybox" value="4" /> 4 
<input type="checkbox" name="mybox" value="5" /> 5 
<input type="submit" value="Submit Form" />
</form>

<script type = "text/javascript">
function validate() {
    var checkBoxCount = 0;
    for (var i = 0; i< 5; i++) {
        if(document.myform["mybox"][i].checked){
            checkBoxCount ++;
        }
    }
    if (checkBoxCount == 0) {
        alert ("Tick a box!");
        return false;
    }
    return true;
}
</script>
</body>
</html>


1.
2.
3.
4.
5.
函数验证（）{
var checkBoxCount=0；
对于（变量i=0；i<5；i++）{
if（document.myform[“mybox”][i].选中）{
checkBoxCount++；
}
}
如果（checkBoxCount==0）{
警告（“勾选框！”）；
返回false；
}
返回true；
}
您必须向我们显示生成的html
但是，以下是一个工作示例：
<html>
<body><form name="myform" method="POST" action="" onsubmit="return validate();">
<input type="checkbox" name="mybox" value="1" /> 1 
<input type="checkbox" name="mybox" value="2" /> 2 
<input type="checkbox" name="mybox" value="3" /> 3 
<input type="checkbox" name="mybox" value="4" /> 4 
<input type="checkbox" name="mybox" value="5" /> 5 
<input type="submit" value="Submit Form" />
</form>

<script type = "text/javascript">
function validate() {
    var checkBoxCount = 0;
    for (var i = 0; i< 5; i++) {
        if(document.myform["mybox"][i].checked){
            checkBoxCount ++;
        }
    }
    if (checkBoxCount == 0) {
        alert ("Tick a box!");
        return false;
    }
    return true;
}
</script>
</body>
</html>


1.
2.
3.
4.
5.
函数验证（）{
var checkBoxCount=0；
对于（变量i=0；i<5；i++）{
if（document.myform[“mybox”][i].选中）{
checkBoxCount++；
}
}
如果（checkBoxCount==0）{
警告（“勾选框！”）；
返回false；
}
返回true；
}
var k=0；
var ControlRef=document.getElementById（'ChkBoxList'）；
var CheckBoxListArray=ControlRef.getElementsByTagName（'input'）；
对于（VarI=0；iVarK=0；
var ControlRef=document.getElementById（'ChkBoxList'）；
var CheckBoxListArray=ControlRef.getElementsByTagName（'input'）；
对于（var i=0；i）你什么意思你不能得到输出？你不能多次使用“id”值。换句话说，每个元素的“id”必须是唯一的。为了详细说明Pointy的点，你的脚本可能在for（i=0；i你什么意思你不能得到输出？你不能使用“id”值不止一次。换句话说，每个元素的“id”都必须是唯一的。要详细说明Pointy的点，您的脚本可能在处出错（i=0；iUgh…它呈现为表格？这就是我讨厌ASP.NET的原因。在编写javascript之前，让我给你一点建议。在页面呈现后，只需查看源代码。它将帮助你编写javascript.Tnx作为回复。Tnx作为KhanZeeshan作为你善意的建议。没问题，我只是在分享我的想法经验丰富，如果该解决方案对您有帮助，请将其标记为答案。谢谢…它呈现为表？这就是我讨厌ASP.NET的原因。在编写任何内容之前，让我给您一些建议，在编写javascript时，只需在页面呈现后查看源代码。它将帮助您编写javascript.Tnx以获得回复。Tnx用于KhanZeeshan感谢您的善意建议没问题，我只是在分享我的经验，如果解决方案对您有帮助，请将其标记为答案。感谢Blic void bind_chbox（）{SqlDataAdapter cmd=new SqlDataAdapter（“sp_bind_chbox”，cn）；cmd.SelectCommand.CommandType=CommandType.storedProcess；数据集ds=new DataSet（）；cmd.Fill（ds）；ChkBoxList.DataSource=ds；ChkBoxList.DataTextField=“CSE”ChkBoxList.DataValueField=“ID”ChkBoxList.DataBind（）；}通过使用此函数，我为复选框列表绑定了值..public void bind_chbox（）{SqlDataAdapter cmd=new SqlDataAdapter（“sp_bind_chbox”，cn）；cmd.SelectCommand.CommandType=CommandType.StoredProcedure；DataSet ds=new DataSet（）；cmd.Fill（ds）；ChkBoxList.DataSource=ds；ChkBoxList.DataTextField=“CSE”；ChkBoxList.DataValueField=“ID”；ChkBoxList.DataBind（）；}通过使用此函数，我为复选框列表绑定了值。.public void bind_chbox（）{SqlDataAdapter cmd=new SqlDataAdapter（“sp_bind_chbox”，cn）；cmd.SelectCommand.CommandType=CommandType.storedProcess；数据集ds=new DataSet（）；cmd.Fill（ds）；ChkBoxList.DataSource=ds；ChkBoxList.DataTextField=“CSE”ChkBoxList.DataValueField=“ID”ChkBoxList.DataBind（）；}通过使用此函数，我为复选框列表绑定了值。因此，只有我才能放入html代码。public void bind_chbox（）{SqlDataAdapter cmd=new SqlDataAdapter（“sp_bind_chbox”，cn）；cmd.SelectCommand.CommandType=CommandType.StoredProcedure；DataSet ds=new DataSet（）；cmd.Fill（ds）；ChkBoxList.DataSource=ds；ChkBoxList.DataTextField=“CSE”ChkBoxList.DataValueField=“ID”ChkBoxList.DataBind（）；}通过使用此函数，我为复选框列表绑定了值。因此，只有我无法放置html代码。。