Question

我需要帮助，有人帮我使用javascript复选框吗？这是我的剧本：

<!DOCTYPE html>
<html>
<head>
    <title>jQuery With Example</title>
    @Scripts.Render("~/bundles/jquery")
    <script type="text/javascript">
        $(function () {

            var chkId = '';
            $('.chkNumber:checked').each(function () {
                chkId += $(this).val() + ",";
            });
            chkId = chkId.slice(0, -1);


            $('.chkSelectAll').click(function () {
                $('.chkNumber').prop('checked', $(this).is(':checked'));
            });

        });
    </script>
</head>
<body>
    <table id="mytable">
        <tr>
            <td>
                <input type="checkbox" class="chkSelectAll" />SelectAll
            </td>
            <td><input type="checkbox" class="chkNumber" value="1" />One</td>
            <td><input type="checkbox" class="chkNumber" value="2" />Two</td>
            <td><input type="checkbox" class="chkNumber" value="3" />Three</td>
            <td><input type="checkbox" class="chkNumber" value="4" />Four</td>
            <td><input type="checkbox" class="chkNumber" value="5" />Five<br /></td>
        </tr>
    </table>
</body>
</html>

我想如果我选中/取消选中所有值1-5类（chkSelectAll）被选中/取消选中。

请给我解决方案......

Answer 1

我误解了您的问题，您需要检查复选框是否已更改并检查是否所有内容都已更改。

$('.chkNumber').change(function() { 
    $('.chkSelectAll').prop('checked',$('.chkNumber:checked').length == $('.chkNumber').length);
});

这是小提琴：http://jsfiddle.net/w8z9y/1/

验证复选框已检查Jquery多个已选中或未选中

1 个答案: