如何在客户端获取动态控件复选框？

Question

在.net服务器端，我创建了动态控件文本框、复选框。如果我单击所有复选框列表控件中的复选框，它应该会被选中。请参阅此图像。

服务器端使用新的EventHandler我可以实现this.But，我想在客户端实现。

客户端代码：

function CheckboxHeaderClick1() {

    var chkBox = "<%=strchx1ID %>";
    if (chkBox.checked) {
        var checkboxList = "<%=strchxboxlist1ID %>"; 
        var chkBoxCount = "<%=strchxboxlist1Count %>";
        for (var i = 0; i < chkBoxCount.length; i++) {
            chkBoxCount[i].checked = true;
        }
    }
    else {
        var checkboxList = "<%=strchxboxlist1ID %>"; 
        var chkBoxCount = "<%=strchxboxlist1Count %>";
        for (var i = 0; i < chkBoxCount.length; i++) {
            chkBoxCount[i].checked = false;
        }
    }
}

但是chkBox.checked将undefined.From服务器端转移到客户端，我怎么才能通过checkbox控件呢？

我的代码：

  Panel pnl1 = new Panel();
  chx1 = new CheckBox();
  chx1.ID = "chx" + fieldname;
  strchx1ID = chx1.ClientID;
  //   chx1.AutoPostBack = true;
  if (!IsPostBack)                                                                        
     chx1.Checked = true;
  // chx1.CheckedChanged += new EventHandler(this.chx1_CheckedChanged);
  // chx1.Attributes.Add("onclick", "CheckboxHeaderClick1();");
  chx1.Attributes.Add("onclick", "javascript:CheckboxHeaderClick1();return false;");
  checkboxID = chx1.ID;
  chx1.Style.Add(HtmlTextWriterStyle.BackgroundColor, "#f2f2f2");                                           
  chx1.Style.Add(HtmlTextWriterStyle.Color, "#287082");                                                                    
  chx1.Style.Add(HtmlTextWriterStyle.PaddingBottom, "6px");                                                                    
  chx1.Style.Add(HtmlTextWriterStyle.FontSize, "14px!important;");                                                                    
  pnl_filters.Controls.Add(chx1);                                                                    

Answer 1

我认为这行代码可能是您的问题所在：

for (var i = 0; i < chkBoxCount.length; i++)
{
    chkBoxCount[i].checked = true;     <----- Change this
    checkboxList[i].checked = true;    <----- To this
}