Как добавить элементы в список, если флажок установлен в jQuery?

Question

У меня есть список флажков, и я хочу, чтобы при его проверке метка или значение этого флажка будут добавлены в список.

Скринсейвер внизу, когда флажок установлен или снят, он добавляет «в» список.

Here's a sample fiddle

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

Answer 1

Up на нажатия, вы можете перебирать флажков см проверяется состояние и обновить список.

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

Ниже приведено обновление fiddle.

Answer 2

Внутри обработчика событий вы можете использовать , чтобы проверить, какая чековая книжка выбрана, также лучше использовать событие change.

$('.cb').change(function() { 
    var cbVal = this.checked ? 'on ' : 'off '; 
    cbVal += $('[for='+this.id+']').text(); 
    $('ul').append('<li>'+cbVal+'</li>'); 
}); 

Чтобы иметь возможность удалить li из ul добавления идентификатора к нему при добавлении $('ul').append('<li id="item-' + this.id + '">' +cbVal+'</li>');

Answer 3

Попробуйте это:

$(document).ready(function() { 
    $('.cb').click(function() { 
    var szId=$(this).attr('id'); 
    var cbVal = $('label[for=' + szId + ']').text(); 
    $('ul').append('<li>' + cbVal + '</li>') 
    }); 
});