怎么实现复选框同列全选。选不选。同列有一个不选的。表头就不选

Question

 <table class="table table-bordered" id="table">
                                        <thead id="thead">
                                            <tr>
                                                <th>
                                                    渠道
                                                </th>
                                                <th>
                                                    <label class="checkbox state-error"><input value="1" 2="3" ="0" type="checkbox" name="Platform" checked="checked"><i></i>Android</label>
                                                </th>
                                                <th>
                                                    <label class="checkbox state-error"><input value="2" 2="3" ="0" type="checkbox" name="Platform"><i></i>Android</label>
                                                </th>
                                                <th>
                                                    <label class="checkbox state-error"><input value="3" 2="3" ="0" type="checkbox" name="Platform"><i></i>Android</label>
                                                </th>                                            </tr>
                                        </thead>
                                        <tbody id="tbody">
                                            <tr>
                                                <th>515德州扑克-QQ空间</th>
                                                <td>
                                                    <label class="checkbox state-error"><input value="1" 2="3" ="0" type="checkbox" name="Platform"><i></i>Android</label>
                                                </td>
                                                <td>
                                                    <label class="checkbox state-error"><input value="2" 2="3" ="0" type="checkbox" name="Platform"><i></i>Android</label>
                                                </td>
                                                <td>
                                                    <label class="checkbox state-error"><input value="3" 2="3" ="0" type="checkbox" name="Platform"><i></i>Android</label>
                                                </td>
                                               
                                            </tr>
                                            <tr>
                                                <th>515德州扑克-IOS</th>
                                              <td>
                                                    <label class="checkbox state-error"><input value="1" 2="3" ="0" type="checkbox" name="Platform"><i></i>Android</label>
                                                </td>
                                                <td>
                                                    <label class="checkbox state-error"><input value="2" 2="3" ="0" type="checkbox" name="Platform"><i></i>Android</label>
                                                </td>
                                                <td>
                                                    <label class="checkbox state-error"><input value="3" 2="3" ="0" type="checkbox" name="Platform"><i></i>Android</label>
                                                </td>                                            </tr>
                                            <tr>
                                                <td colspan="13"><button type="button" class="btn btn-danger pull-right">确定</button></td>
                                            </tr>
                                        </tbody>
                                    </table>

Answer 1

$(function(){
$("#table thead").on("click", ":checkbox", function(event){
var i = $(this).closest("th").index()+1;
var v = $(this).prop("checked");
$("#table tbody td:nth-child("+i+") :checkbox").prop("checked",v);
});
$("#table tbody").on("click", ":checkbox", function(event){
var i = $(this).closest("td").index()+1;
var v = $("#table tbody td:nth-child("+i+") :checkbox:not(:checked)").length==0;
$("#table thead th:nth-child("+i+") :checkbox").prop("checked",v);
});
});

Answer 2

$(function(){
    $("#table thead").on("click", ":checkbox", function(event){
        var i = $(this).closest("th").index()+1;
        var v = $(this).prop("checked");
        $("#table tbody td:nth-child("+i+") :checkbox").prop("checked",v);
    });
    $("#table tbody").on("click", ":checkbox", function(event){
        var i = $(this).closest("td").index()+1;
        var v = $("#table tbody td:nth-child("+i+") :checkbox:not(:checked)").length==0;
var indeterminate = !v && $("#table tbody td:nth-child("+i+") :checkbox").length>$("#table tbody td:nth-child("+i+") :checkbox:not(:checked)").length;
        $("#table thead th:nth-child("+i+") :checkbox").prop("checked",v).prop("indeterminate",indeterminate);
    });
});
楼上对，优化了一个中间态