javascript - 如何在复选框后添加文本

Question

我有以下 html:

<td><label class="checkbox-inline"><input type="checkbox" class="chkRootCauseSummary" /> </label></td>

如何在不丢失复选框的情况下将文本插入标签？

我尝试了以下方法，但我丢失了复选框:

 $('.chkRootCauseSummary').click(function () {
    var num = $(this).closest('table').find('input[type=checkbox]:checked').length;
    $(this).closest('label').append().html(num);
});

Answer 1

有一种更简洁的方法可以做到这一点。简而言之，在创建复选框时添加一个值属性(或具有任何名称的属性)

<input type="checkbox" class="chkRootCauseSummary" value="Some Value" />

并使用 CSS 选择器 :after 就像

[type=checkbox]:after {
    content: attr(value);
}