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() );
    });
});

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

1 个答案: