js实现-小框框全选

点击全选下面单独的肉也会全选，再次点击取消

一个一个点击肉，点完--全选也会被选上

HTML代码---CSS略

<table>
        <tr>
            <th>
                <input type="checkbox" id="checkAll" /> 全选/全不选
            th>
            <th>名字th>
            <th>店铺th>
            <th>价格th>
        tr>
        <tr>
            <td>
                <input type="checkbox" name="check" class="dx" />
            td>
            <td>红烧肉td>
            <td>隆江猪脚饭td>
            <td>￥200td>
        tr>
        <tr>
            <td>
                <input type="checkbox" name="check" class="dx" />
            td>
            <td>香酥排骨td>
            <td>隆江猪脚饭td>
            <td>￥998td>
        tr>
        <tr>
            <td>
                <input type="checkbox" name="check" class="dx" />
            td>
            <td>北京烤鸭td>
            <td>隆江猪脚饭td>
            <td>￥88td>
        tr>
    table>

JavaScript代码

表述不好。