JQuery实现复选框的全选全不选，子全选总也选，子取消全选，总不选

代码奉上：

前台：

<table style="border:1px solid ">

  <thead>

<tr>

  <th><input type="checkbox" id="x"></th>

    <th> 序号 </th>

 </tr>

</thead>

<tbody>

   <tr>

    <td><input type="checkbox" id="a"></td>

    <td>1</td>

   </tr>

    <tr>

   <td><input type="checkbox" id="b"></td>

   <td>2</td>

  </tr>

   <tr>

   <td><input type="checkbox" id="c"></td>

    <td>3</td>

   </tr>

</tbody>

    </table>

Jq部分：

$(function () {

 

            

            $('#x').click(function () {

                var b = $('#a'); 

                var c = $('#b'); 

                var d = $('#c');

                //var a=$('input:first').attr('checked');

                if ((b.prop("checked")!=true)&&(c.prop("checked")!=true)&&(d.prop("checked")!=true)) {

 

                    $('input').prop('checked', true); 

                }else if(b.prop("checked")!=true){$('input').prop('checked', true);}

                 else if(c.prop("checked")!=true){$('input').prop('checked', true);}

                 else if(d.prop("checked")!=true){$('input').prop('checked', true);}

                 else if(b.prop("checked")!=true&&c.prop("checked")!=true){$('input').prop('checked', true);}

                 else if(b.prop("checked")!=true&&d.prop("checked")!=true){$('input').prop('checked', true);}

                 else if(c.prop("checked")!=true&&d.prop("checked")!=true){$('input').prop('checked', true);}

                else if (b.prop("checked")&&c.prop("checked")&&d.prop("checked")) {

                    $('input').prop('checked', false);     

                };

            });

         });

 $(function () {

$('input[type="checkbox"]').click(function () {

                var b = $('#a'); 

                var c = $('#b'); 

                var d = $('#c');

                if (b.prop("checked")&&c.prop("checked")&&d.prop("checked")) {

                    $('#x').prop('checked', true);

                };

            });

            $('input[type="checkbox"]').click(function () {

                var b = $('#a'); 

                var c = $('#b');  

                var d = $('#c');

                if ((b.prop("checked")!=true)&&(c.prop("checked")!=true)&&(d.prop("checked")!=true)) {

                    $('#x').prop('checked', false);

                };

            });

});