1

我正在动态生成复选框，如下所示：

entries.each(function()
{
    if($(this).find('parentcategoryid').text() == 0)                
    {
        xmlArr += '<span><input type="checkbox" data-mini="true" name="category'+$(this).find('categoryid').text()+'" id="checkbox'+$(this).find('categoryid').text()+'" class="techAreasCheckBox" style="margin-top: 5px;"/><label class="techAreasLabel">'+$(this).find('categoryname').text()+'</label></span><br>'; 
    } 
    else
    {
        xmlArr;
    }                   
}); // Entries.Each function

说生成的复选框的名称如下：category1，category2，category3，category8，category10，category54，category55，category56，category，59，category62，category132，category133。

另外，我有一个包含 4 个数字的数组：2、54、8、10....

我想检查名称属性以数组中这些数字结尾的复选框。我该如何进行？

注意：这些是动态生成的复选框。

4

2 回答 2

1

用于jQuery.each()遍历您的数字数组，然后选择id等于的元素category-X（其中X是当前数字）：

$.each(numbers, function(i, num) {
    $('#category-' + num).prop('checked', true);
});

或者，如果您只想在创建元素时执行此操作，您可以checked在适当的时候简单地将属性添加到 HTML。

于 2013-01-07T12:49:52.820 回答
1

要选中复选框，您需要做的就是添加这里描述的选中属性。

以下是一种解决方案。首先，您希望存储 Id 而不是每次都查找它，因为它更快。其次，我使用 $.inArray 函数来确定类别是否在包含应检查的数字的数组中。最后，我使用了一个三元来添加选中的属性。

var numberArray = [2, 54, 8, 10];

entries.each(function() {
     if($(this).find('parentcategoryid').text() == 0) {
          var categoryId = $(this).find('categoryid').text();
          var categoryInArray = $.inArray(categoryId, numberArray) !== -1;

          xmlArr += '<span><input type="checkbox" data-mini="true" name="category'+categoryId+'" id="checkbox'+categoryId+'" class="techAreasCheckBox" style="margin-top: 5px;"' + categoryInArray ? ' checked="checked" ' : '""/><label class="techAreasLabel">'+$(this).find('categoryname').text()+'</label></span><br/>'; 
     }
}); // Entries.Each function

或者，您可以只使用另一个 if 语句。

entries.each(function() {
     if($(this).find('parentcategoryid').text() == 0) {
          var categoryId = $(this).find('categoryid').text();
          var categoryInArray = $.inArray(categoryId, numberArray) !== -1;

          if(categoryInArray) {
          xmlArr += '<span><input type="checkbox" data-mini="true" name="category'+categoryId+'" id="checkbox'+categoryId+'" class="techAreasCheckBox" style="margin-top: 5px;" checked="checked"/><label class="techAreasLabel">'+$(this).find('categoryname').text()+'</label></span><br/>'; 
          } else {
          xmlArr += '<span><input type="checkbox" data-mini="true" name="category'+categoryId+'" id="checkbox'+categoryId+'" class="techAreasCheckBox" style="margin-top: 5px;"/><label class="techAreasLabel">'+$(this).find('categoryname').text()+'</label></span><br/>'; 
          }
     }
}); // Entries.Each function
于 2013-01-07T12:52:40.640 回答