aggiungere valore alla casella di controllo utilizzando javascript / jquery

Voglio aggiungere un valore a una casella di controllo utilizzando javascript /jquery. Il codice riportto di seguito è il mio codice di esempio

function getExpertise() { $.ajax({ type: "POST", url: "Sample.asmx/GetExpertiseBySpecialization", data: "{sId: '" + $('#<%=ddlSpecialization.ClientID%>').val() + "'}", contentType: "application/json; charset=utf-8", dataType: "json", success: function(response) { var expertise = (typeof response.d) == 'string' ? eval('(' + response.d + ')') : response.d; $('#<%=chkExpertise.ClientID%>').attr('disabled', false).removeOption(/./).addOption('-1', 'Please select expertise'); for (var i = 0; i < expertise.length; i++) { var val = expertise[i].Id; var text = expertise[i].Expertise; $('#<%=chkExpertise.ClientID%>').addOption(val, text, false); } } }); } 

fonte :

http://forums.asp.net/p/1416683/3127300.aspx

Un CheckBoxList (o RadioButtonList per quella materia) rende come tag con CheckBox e un elemento HTML Label nei tag. Per aggiungere elementi che dovreste aggiungere a e o alla tabella, che sicuramente non ti consiglierei di fare con JavaScript, poiché non sarebbero persistenti sul lato server e sarebbero scomparsi se si fosse verificato un PostBack. Ti suggerisco di fare un PostBack e di aggiungere il server a lato degli elementi.

 <asp:CheckBoxList id="CheckBoxList1" runat="server"> <asp:listitem Value="1">Item 1</asp:listitem> </asp:CheckBoxList> <input type="button" onclick="addToCheckBoxListControl('Item 2', '2');" value="Add To CheckBoxList" /> <script type="text/javascript"> <!-- function addToCheckBoxListControl(textValue, valueValue) { var tableRef = document.getElementById('<%= CheckBoxList1.ClientID %>'); var tableRow = tableRef.insertRow(); var tableCell = tableRow.insertCell(); var checkBoxRef = document.createElement('input'); var labelRef = document.createElement('label'); checkBoxRef.type = 'checkbox'; labelRef.innerHTML = textValue; checkBoxRef.value = valueValue; tableCell.appendChild(checkBoxRef); tableCell.appendChild(labelRef); } // --> </script> 
 $('#checkbox_id').attr('checked', true) 
  <script type="text/javascript"> var count = 2; // it is assumed the CheckBoxList initially has 1 element (Element 1) function addElement() { var tableRef = document.getElementById('<%= CheckBoxList1.ClientID %>'); var tableRow = tableRef.insertRow(); var tableCell = tableRow.insertCell(); var checkBoxRef = document.createElement('input'); var labelRef = document.createElement('label'); checkBoxRef.type = 'checkbox'; labelRef.innerHTML = 'Element '+count; checkBoxRef.value = count; count++; tableCell.appendChild(checkBoxRef); tableCell.appendChild(labelRef); } </script>