使用多個已選中或未選中的復選框來驗證Checked Checked Jquery

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 class（chkSelectAll）。

請給我解決方案...

Answer 1

我誤解了您的問題，您需要檢查復選框是否已更改，並檢查是否全部已更改。

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

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

使用多個已選中或未選中的復選框來驗證Checked Checked Jquery

問題描述

1 個解決方案

解決方案1
1 2014-05-16 15:55:01

使用多個已選中或未選中的復選框來驗證Checked Checked Jquery

問題描述

1 個解決方案

解決方案1 1 2014-05-16 15:55:01

解決方案1
1 2014-05-16 15:55:01