选中并取消选中所有复选框'；在实现javascript脚本时无法工作_Javascript_Jquery_Checkbox_Lightbox_Selected

选中并取消选中所有复选框'；在实现javascript脚本时无法工作

javascript jquery checkbox

选中并取消选中所有复选框'；在实现javascript脚本时无法工作,javascript,jquery,checkbox,lightbox,selected,Javascript,Jquery,Checkbox,Lightbox,Selected,我的代码： <body> <input type="button" class="btn-primary btn-mini" id="check1" value="Check All" /> <input type="hidden" id="isChkd" value="true"/> <input type="checkbox" name="" value="" class="cb1-element"> <a h

我的代码：

<body>
    <input type="button" class="btn-primary btn-mini" id="check1" value="Check All" /> 
    <input type="hidden" id="isChkd" value="true"/> 
    <input type="checkbox" name="" value="" class="cb1-element"> <a href="../upload/Zdjecia-0006.jpg" data-lightbox='image'><img src='../upload/Zdjecia-0002.jpg' height=50/></a>        
    <input type="checkbox" name="" value="" class="cb1-element"> <a href="../upload/Zdjecia-0008.jpg" data-lightbox='image'><img src='../upload/Zdjecia-0008.jpg' height=50/></a>
    <input type="checkbox" name="" value="" class="cb1-element"> <a href="../upload/Zdjecia-0004.jpg" data-lightbox='image'><img src='../upload/Zdjecia-0004.jpg' height=50/></a>                                                                 
    <input type="checkbox" name="" value="" class="cb1-element"> <a href="../upload/Zdjecia-0005.jpg" data-lightbox='image'><img src='../upload/Zdjecia-0005.jpg' height=50/></a>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript">
        $('#check1').click(function(){
            if($('#isChkd').val() == 'true'){
                $('.cb1-element').attr('checked','checked');
                $(this).val('Uncheck All');
                $('#isChkd').val('false');
            }
            else{
                $('.cb1-element').removeAttr('checked');
                $(this).val('Check All');     
                $('#isChkd').val('true');
            }
        });

        $('.cb1-element').change(function(){
            var all = $('input.cb1-element').length;
            var checked = $('input.cb1-element:checked').length;
            if(all == checked){
                $('#check1').val('Uncheck All');
                $('#isChkd').val('false');
            }else{
                $('#check1').val('Check All');
                $('#isChkd').val('true');
            }
        });
    </script>
    <script src="../js/jquery-1.11.0.min.js"></script>
    <script src="../js/lightbox-2.6.min.js"></script>
</body>


$（'#检查1'）。单击（函数（）{
如果（$（'#isChkd'）.val（）=='true'）{
$（'.cb1 element'）.attr（'checked'，'checked'）；
$（this.val（'Uncheck All'）；
$（'isChkd'）.val（'false'）；
}
否则{
$（'.cb1 element'）.removeAttr（'checked'）；
$（this.val（'Check All'）；
$（'isChkd'）.val（'true'）；
}
});
$（'.cb1元素'）.change（函数（）{
var all=$（'input.cb1 element'）.length；
var checked=$（'input.cb1 element:checked'）。长度；
如果（全部==选中）{
$（'#check1'）.val（'uncheckall'）；
$（'isChkd'）.val（'false'）；
}否则{
$（'#check1'）.val（'checkall'）；
$（'isChkd'）.val（'true'）；
}
});

当我添加“./js/jquery-1.11.0.min.js”检查脚本只工作一次时（当我单击两次以上时，什么也没有发生）。当我删除“./js/jquery-1.11.0.min.js”时，正在检查脚本是否正常工作，但lightBox deosn是否正常工作。有人知道这个问题吗

首先，在

$（document.ready（）

然后，要检查所有选项，请尝试以下操作：

$('.cb1-element').attr('checked','checked');

这：

要取消选中所有选项，请尝试以下操作：

$('.cb1-element').attr('checked',false);

似乎您在页面中包含了两次jquery脚本。第8行中的一个为：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

第二行第35行为：

<script src="../js/jquery-1.11.0.min.js"></script>

尝试删除第一个jquery脚本标记，并将其替换为第二个（即，将行号8替换为行号35）

这是您的工作代码。我已在最后检查了它。如果需要，可以为其创建jsbin

$('#check1').click(function() {
        if ($('#isChkd').val() == 'true') {
            $('.cb1-element').prop('checked', true);
            $(this).val('Uncheck All');
            $('#isChkd').val('false');
        } else {
            $('.cb1-element').prop('checked', false);
            $(this).val('Check All');
            $('#isChkd').val('true');
        }
});

始终将jQuery DOM操作包装在

$（document.ready（function（）{}）；

$('#check1').click(function() {
        if ($('#isChkd').val() == 'true') {
            $('.cb1-element').prop('checked', true);
            $(this).val('Uncheck All');
            $('#isChkd').val('false');
        } else {
            $('.cb1-element').prop('checked', false);
            $(this).val('Check All');
            $('#isChkd').val('true');
        }
});