Question

我正在尝试检查输入长度，请查看我错的打击代码 HTML代码

<div id="main">
<table>
    <tr>
        <td><input type="checkbox" class="myCheckbox"></td>
        <td>34345</td>
        <td>John<td>
        <td>Doe</td>
    </tr>
    <tr>
        <td><input type="checkbox" class="myCheckbox"></td>
        <td>34345</td>
        <td>John<td>
        <td>Doe</td>
    </tr>
    <tr>
        <td><input type="checkbox" class="myCheckbox"></td>
        <td>34345</td>
        <td>John<td>
        <td>Doe</td>
    </tr>
    <tr>
        <td><input type="checkbox" class="myCheckbox"></td>
        <td>34345</td>
        <td>John<td>
        <td>Doe</td>
    </tr>
    <tr>
        <td><input type="checkbox" class="myCheckbox"></td>
        <td>34345</td>
        <td>John<td>
        <td>Doe</td>
    </tr>
    <tr>
        <td><input type="checkbox" class="myCheckbox"></td>
        <td>34345</td>
        <td>John<td>
        <td>Doe</td>
    </tr>
</table>
</div>

<br>
<a href="javascript:;" id="getLength">Get Length</a>

JS代码

    <script>
   $(function(){
    $('#getLength').click(function(){
        $('div#main table').find('input.myCheckbox').each(function(){
            alert($(this).is(':checked'));
        });
    });
    })
    </script>

Answer 1

$('#main input:checked').length

Answer 2

试试这个， Demo Fiddle

$('a').click(function(){
    alert('length: '+$(':checked').length);
});

如果您使用其他可检查元素，

$('[type="checkbox"]:checked').length

Answer 3

为什么不使用.filter()：

$('#getLength').click(function(){
    var ischecked = $('div#main table').find('input.myCheckbox').filter(function(){
        return this.checked;
    }).length;
    alert(ischecked);
});

如何获得检查输入长度

3 个答案: