javascript - 在 jQuery 中选中复选框时，如何将项目添加到列表中？

Question

我有一个复选框列表，我希望当它被选中时，复选框的标签或值将添加到列表中。

下面的 fiddle ，当复选框被选中/取消选中时，它会在列表中添加“on”。

Here's a sample fiddle

$('.cb').click(function() {
  var cbVal = $("input[type='checkbox']").val();
  $('ul').append('<li>'+cbVal+'</li>')
});

Answer 1

单击后，您可以迭代复选框、查看选中状态并更新列表。

$('.cb').click(function() {
$('ul').html("");
$(".cb").each(function(){
    if($(this).is(":checked")){
         $('ul').append('<li>'+$(this).val()+'</li>')
    }
});
});

以下是更新的fiddle .