Как отобразить информацию о списке флажков?

Question

У меня есть список элементов, которые каждый список, имеющих флажок, как это:

<button>saveButton</button> 
<ul id='testInformation'> 
    <li><p><input type='checkbox' /><strong>Test information <strong></p></li> 
    <li><p><input type='checkbox' /><strong>Test information <strong></p></li> 
    <li><p><input type='checkbox' /><strong>Test information <strong></p></li> 
    <li><p><input type='checkbox' /><strong>Test information <strong></p></li> 
</ul> 

Теперь мне нужен способ, чтобы отобразить только те элементы, флажок, это не работает:

$("#saveButton").click(function() 
{ 
    $("#testInformation input:checked").each(function(key,value) 
    { 
     alert(value); 
    }); 
}); 

Выход говорит [objecthtmlInputElement]

Answer 1

В вашем коде столько ошибок, что трудно понять, с чего начать, не переписывая его. У вашей кнопки saveButton нет идентификатора, который вы пытаетесь вызвать, вы ошибочно написали «функцию», вы пытаетесь предупредить значение неправильно, а ваши флажки не имеют значений. После того, как вы исправите это, like this jsFiddle, все должно быть в порядке.

HTML:

<button id="saveButton">saveButton</button> 
<ul id='testInformation'> 
    <li><p><input value="a" type='checkbox' /><strong>Test information <strong></p></li> 
    <li><p><input value="b" type='checkbox' /><strong>Test information <strong></p></li> 
    <li><p><input value="c" type='checkbox' /><strong>Test information <strong></p></li> 
    <li><p><input value="d" type='checkbox' /><strong>Test information <strong></p></li> 
</ul> 

JQuery:

$("#saveButton").click(function() { 
    $("#testInformation input:checked").each(function(key, value) { 
     alert($(this).val()); 
    }); 
});