填充複選框

Question

如何使用jQuery在複選框中添加項目？
要安裝一個下拉列表，使用以下命令：

$.each(dataResult, function (index, itemData) { 
    select.append($('<option/>', { 
     value: itemData.Value, 
     text: itemData.Text 
    })); 
}); 

我需要知道建立一個複選框？

Answer 1

請嘗試如下。

<script type="text/javascript" language="javascript"> 
     function PopulateCheckBoxList() { 
      $.ajax({ 
       type: "POST", 
       url: "CheckBoxList/GetCheckBoxDetails", 
       contentType: "application/json; charset=utf-8", 
       data: "{}", 
       dataType: "json", 
       success: AjaxSucceeded, 
       error: AjaxFailed 
      }); 
     } 
     function AjaxSucceeded(result) { 
      BindCheckBoxList(result); 
     } 
     function AjaxFailed(result) { 
      alert('Failed to load checkbox list'); 
     } 
     function BindCheckBoxList(result) { 

      var items = JSON.parse(result.d); 
      CreateCheckBoxList(items); 
     } 
     function CreateCheckBoxList(checkboxlistItems) { 
      var table = $('<table></table>'); 
      var counter = 0; 
      $(checkboxlistItems).each(function() { 
       table.append($('<tr></tr>').append($('<td></td>').append($('<input>').attr({ 
        type: 'checkbox', name: 'chklistitem', value: this.Value, id: 'chklistitem' + counter 
       })).append(
       $('<label>').attr({ 
        for: 'chklistitem' + counter++ 
       }).text(this.Name)))); 
      }); 

      $('#dvCheckBoxListControl').append(table); 
     } 
    </script> 

請檢查下面提到的鏈接以獲取更多信息。

注意：這是用於網頁form.But你可以很容易地使用它與MVC也。

Bind a CheckBox list from database using jQuery AJAX