使用多个选中或未选中验证复选框选中的 Jquery答案

【问题标题】：Validate Checkbox Checked Jquery with multiple checked or unchecked使用多个选中或未选中验证复选框选中的 Jquery
【发布时间】：2014-05-16 15:43:20
【问题描述】：

我需要帮助，有人帮助我使用 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），我想要选中/取消选中。

请给我解决方案...

【问题讨论】：

jsfiddle.net/w8z9y 这个代码就像一个魅力，那么问题是什么？你确定这有效吗：@Scripts.Render("~/bundles/jquery")???
我正在使用带有 mvc 的示例，所以我渲染 jquery 脚本，我的意思是如果我检查了值 1-3，复选框类（chkSelectAll）仍然选中，如果我继续检查复选框 4-5平均值 1-5（全部选中），复选框类（chkSelectAll）被选中选中为真。我很困惑...请帮助，

标签： javascript jquery checkbox

【解决方案1】：

我误解了你的问题，你需要检查复选框是否改变并检查是否全部改变。

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

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

【讨论】：

我也误解了 OP 问题，但您发布的内容是正确的。