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

Question

在 .net 服务器端，我正在创建动态控件文本框、复选框。如果我单击所有复选框列表控件中的复选框，它应该被选中。 参考这张图片。

服务器端使用新的 EventHandler 我可以实现这一点。但我想在客户端这样做。

客户端代码：

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 未定义。从服务器端到客户端我如何传递复选框控件？

我的代码：

  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
}