Wie bekomme ich ein dynamisches Kontrollkästchen in der Client-Seite?

Question

In .net Server-Seite Ich erstellt dynamische Steuerfelder Textfeld, Kontrollkästchen. Wenn ich das Kontrollkästchen in allen Checkbox-Listen-Steuerelementen anklicke, sollte es überprüft werden. verweisen Sie auf dieses Bild.

Serverseite mit neuen EventHandler kann ich dies erreichen. Aber ich möchte dies in Clientside.

Clientside-Code:

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; 
     } 
    } 
} 

aber chkBox.checked kommt undefined.From Server-Seite auf Client-Seite, wie ich das Kontrollkästchen Kontrolle passieren kann?

Mein Code:

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

Ich denke, diese Zeile Code Ihr Problem sein könnte:

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