Javascript jquery检查所有输入：单击按钮时的复选框

有没有人可以写下如何在jquery中的按钮点击上实现选择/取消选择功能

<ul style="list-style:none">
    <li>
        <label><input class="checkhour" type="checkbox"> One</label>
    </li>
    <li>
        <label><input class="checkhour" type="checkbox"> Two</label>
    </li>
    <li>
        <label><input class="checkhour" type="checkbox"> Three</label>
    </li>
    <li><button type="button" class="checkall">select/deselect</button></li>
</ul>

一个


两个


三

选择/取消选择

---

我尝试用两种方法来实现这一点，但它们都不起作用。

您可以使用

getElementsByTagName

获取所有

输入复选框

，并使用属性

checked=true

var isChecked=false；
函数checkAll（）{
var复选框=document.getElementsByTagName（'input'）；
如果（已检查）{
对于（变量i=0；i

一个
两个
三

选择/取消选择

您可以通过分配全局变量来检查以前的条件：

var=false；
$（“.checkall”）。在（“单击”，函数（）{
$（“.checkhour”）.prop（“选中”，单击）；
点击=！点击；
this.innerHTML=单击了“取消选择”：“选择”；
});



一个
两个
三


挑选


给你一杯饮料
您好，您必须在html脚本中包含jquery，并遵循下面的代码

<ul style="list-style:none">
<li>
    <label><input class="checkhour" name="checkme[]" type="checkbox"> One</label>
    <label><input class="checkhour" name="checkme[]" type="checkbox"> Two</label>
    <label><input class="checkhour" name="checkme[]" type="checkbox"> Three</label>
</li>
<li><button type="button" id="selectall" >select/deselect</button></li>
</ul>



一个
两个
三

选择/取消选择


在下面添加jquery脚本以选中所有复选框

    <script type="text/javascript">
    $(document).ready(function() {
        $('#selectall').click(function(event) {  //on click 
            var atLeastOneIsChecked = $('input[name="checkme[]"]:checked').length > 0;
               if(atLeastOneIsChecked){
                 $('.checkhour').each(function() { //loop through each checkbox
                    this.checked = true;  //select all checkboxes   
                 });
               }else{
               $('.checkhour').each(function() { //loop through each checkbox
                   this.checked = false; //deselect all checkboxes                    
            }); 
         }
    });
});
    </script>


$（文档）.ready（函数（）{
$（'#selectall'）。单击（函数（事件）{//on click
var atlestoneischecked=$（'input[name=“checkme[]”：checked'）。长度>0；
如果（已检查至少一个）{
$（'.checkhour'）。每个（函数（）{//循环检查每个复选框
this.checked=true；//选中所有复选框
});
}否则{
$（'.checkhour'）。每个（函数（）{//循环检查每个复选框
this.checked=false；//取消选中所有复选框
}); 
}
});
});
1）JS：

$（文档）.ready（函数（）{
var base_url=“”；//警报（base_url）；
$（'#inputtype'）。在（'change'，function（）上{
如果（this.value='1'）{
$（“#组名”）.change（函数（）{
$（'#myModal'）.modal（'hide'）；
});
}else if（this.value==“2”）{
$（'#checkb'）.hide（）；
$（“#组名”）.change（函数（）{
var id=$（this.val（）；
如果（id！=0）{
$.ajax（{
键入：“获取”，
url:base_url+“groupsms/ajaxdata”，
//数据类型：“json”，
数据：{groups_id:id}，
成功：函数（数据）{
控制台日志（数据）；
var obj=JSON.parse（数据）；
对于（变量i=0，len=obj.length；i-1）
log（$（this）.toggle（$（this）.text（）.toLowerCase（）.indexOf（value）>-1））；
});
});
var复选框=“”；
var temp=''+obj[i].id+''；
温度+=''+复选框+''；
temp+=''+obj[i].msisdn+''；
temp+=''+obj[i].名称+''；
$（'#tbody'）。附加（临时）；
}
所选var=[]；
//警报（“功能”）；
$（'.chcktbl'）。单击（函数（事件）{
var length=$（'.chcktbl:checked'）.length；//警报（长度）；
如果（长度>0）{
//警惕（“更大”）；
如果（$（this）.is（':checked'））{
选择.推送（此.值）；
//警报（选定）；
$（'input[name=hiddeninputname]'）.val（选中）；
}否则{
//警报（“未检查”）；
选中.pop（此.value）；
$（'input[name=hiddeninputname]'）.val（选中）；
}
}
});
    <script type="text/javascript">
    $(document).ready(function() {
        $('#selectall').click(function(event) {  //on click 
            var atLeastOneIsChecked = $('input[name="checkme[]"]:checked').length > 0;
               if(atLeastOneIsChecked){
                 $('.checkhour').each(function() { //loop through each checkbox
                    this.checked = true;  //select all checkboxes   
                 });
               }else{
               $('.checkhour').each(function() { //loop through each checkbox
                   this.checked = false; //deselect all checkboxes                    
            }); 
         }
    });
});
    </script>

$(document).ready(function() { 
        var base_url = "<?php echo base_url(); ?>";//alert(base_url);
        $('#inputtype').on('change', function() {
            if (this.value == '1') { 
                $("#groupname").change(function() {     
                  $('#myModal').modal('hide');
                });
            }else if(this.value == '2'){
               $('#checkb').hide();
               $("#groupname").change(function() {

                    var id = $(this).val();
                    if(id!=0){ 
                        $.ajax({ 
                              type: "GET",
                              url: base_url+"groupsms/ajaxdata",
                              // dataType: 'json',
                              data: {groups_id:id},
                              success: function(data) { 
                                   console.log(data);
                                   var obj = JSON.parse(data);


                                        for(var i = 0, len = obj.length; i < len; i++) {
                                            $("#myInput").on("keyup", function() {
                                                $('#checkb').show();
                                                var value = $(this).val().toLowerCase();console.log(value);
                                                $("#myTable #tablerow").filter(function() {
                                                    $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
                                                    console.log($(this).toggle($(this).text().toLowerCase().indexOf(value) > -1));
                                                });
                                              });
                                            var checkbox ='<input type="checkbox" id="checkbox" class = "chcktbl"  name="findt" value="'+obj[i].id+'" />';
                                                var temp = '<tr id="tablerow"><td>' + obj[i].id + '</td>';
                                                temp+='<td>' + checkbox + '</td>';
                                                temp+= '<td>' + obj[i].msisdn+ '</td>';
                                                temp+= '<td>' + obj[i].name + '</td>';
                                                $('#tbody').append(temp);
                                        }

                                        var selected = [];
                                        // alert("function");
                                        $('.chcktbl').click(function(event){
                                            var length = $('.chcktbl:checked').length; //alert(length);
                                            if (length > 0) {
                                                // alert("greater");
                                                if($(this).is(':checked')){
                                                    selected.push(this.value);
                                                    //alert(selected);
                                                    $('input[name=hiddeninputname]').val(selected);
                                                }else{
                                                    // alert("not checked");
                                                    selected.pop(this.value);
                                                    $('input[name=hiddeninputname]').val(selected);
                                                }


                                            }


                                        });


                                    $('button#submit').click(function(event){ //alert("HEIII");

                                        if($('[type="checkbox"]').is(":checked")){ 

                                            $('#myModal').modal('hide');
                                            return true;

                                        }
                                        else
                                        {
                                            $('#myModal').modal('show');
                                            $('input[name=hiddeninputname]').val("") ;
                                            $("div#errMsg1").css("color", "red");
                                            $("div#errMsg1").html("Please click on checkbox");
                                            return false;

                                        }
                                    });


                                    $('#checkb').click(function () {
                                        if (this.checked == false) {
                                            $('.chcktbl:checked').attr('checked', false);
                                            for(var j = 0; len1 = selected.length;  j++) {
                                                selected.pop(selected[j]);
                                            }
                                        }
                                        else {
                                            $('tbody > tr:visible .chcktbl:not(:checked)').attr('checked', true);
                                            var length = $('.chcktbl:checked').length; 
                                            var MyChkValue = $('.chcktbl:checked').val(); 

                                            $(".chcktbl:checked").each(function(){

                                                selected.push($(this).val());
                                                $('input[name=hiddeninputname]').val(selected);
                                                // alert(selected);
                                            });


                                        }
                                    });
                                    $('#myModal').modal('show');

                              }
                        });

                    }


                });
            }
        });


    });

<div class="modal-body" id="employee_detail">
                           <table style="width: 100%" border="1" style="text-align:center">
                                 <thead>
                                      <tr>
                                           <th>ID</th>
                                           <th>Select All
                                                <?php $numberCheck = array( 'name' => 'checkb', 'id' => 'checkb','required'=>'required', 'value' => '', 'checked' => set_checkbox('checkb', 'checkb')); ?>
                                                <?php echo form_checkbox($numberCheck); ?>
                                           </th>

                                           <th>Number</th>
                                           <th>Name</th>
                                       </tr>
                                 </thead>
                                 <tbody id="tbody">
                                 </tbody>
                            </table>
                        </div>
                        <div id="errMsg1"></div>

                        <div class="modal-footer">
                            <button type="submit" class="btn btn-default" data-dismiss="modal">Close</button>
                            <button type="submit" id="submit" class="btn btn-primary" data-toggle="modal" data-target="#myModal" >OK</button>
                        </div>