如何显示复选框列表信息？

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按钮没有您尝试拨打的ID，拼写错误的“功能”，您试图错误地提醒该值，并且您的复选框没有值。一旦你修好了，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()); 
    }); 
});