ajouter de la valeur à l'aide CheckBoxList javascript/jquery

Question

Je veux ajouter une valeur à un CheckBoxList en utilisant javascript /jquery.The le code ci-dessous est mon exemple de code

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

              } 

             } 

            }); 

           } 

Answer 1

source:

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

Un CheckBoxList (ou RadioButtonList d'ailleurs) s'affiche comme une balise avec CheckBoxes et un élément HTML Label dans les balises. Pour ajouter des éléments, vous devez ajouter un et ou à la table, ce que je ne vous conseille certainement pas de faire avec JavaScript, car ils ne persisteraient pas côté serveur et disparaîtraient si un PostBack se produisait. Je vous suggère de faire un PostBack et d'ajouter les éléments côté serveur.

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

Answer 2

$('#checkbox_id').attr('checked', true) 

Answer 3

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