按类选择复选框,并将文本设置为粗体

时间:2013-12-04 15:57:06

标签: jquery

在ajax调用之后,这就是div用一对列表填充的方式(复选框,名称)。

$.each(data, function(i, item) {
     $('#userListCheckBox').append(
       '<input type="checkbox" class="cbUser ' + item.IsApproved + 
       '" value="cb_' + item.UserId + '">' +
       item.FirstName + ' ' + item.LastName + '</input><br/>'
      );
    });

之前只能显示已批准的用户。现在将显示每个用户。唯一的区别是我想以粗体显示非活动用户。这就是我将item.IsApproved的值添加到类列表中的原因。

我正在尝试使用以下代码在复选框内加粗文本。

$('#userListCheckBox :checkbox .false').html().css('font-weight', 'bold');

但它不起作用。

1 个答案:

答案 0 :(得分:2)

您的选择器中有一个额外的空间:

$('#userListCheckBox :checkbox.false').next("label").css('font-weight', 'bold');

此外,input应该是自动关闭的,您应该将文本包装在label中并将其作为目标。

$('#userListCheckBox').append(
   '<label><input type="checkbox" class="cbUser ' + item.IsApproved + 
   '" value="cb_' + item.UserId + '"/>' +
   item.FirstName + ' ' + item.LastName + '</label><br/>'
  );
});