html
/
积分列表.html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link href="css/style.css" rel="stylesheet" />
    <script src="js/jquery-1.10.2.js"></script>
</head>
<body class="nei_body">
<div class="wrap">
    <div class="tian_title">
        <b></b>积分中心 -> 积分列表
    </div>
    <div class="hui_list_fu">
        <div class="shou_time hui_box1">
            <span>会员姓名：</span>
            <input type="text" placeholder="点击输入">
            <span>会员联系方式：</span>
            <input type="text" placeholder="点击输入">
            <span>日期段查询：</span>
            <input type="datetime-local" placeholder="">
            <b>-</b>
            <input type="datetime-local" placeholder="">
            <br>
            <span>会员等级：</span>
            <select>
                <option>银卡会员</option>
                <option>金卡会员</option>
                <option>钻石卡会员</option>
                <option>至尊黑卡会员</option>
            </select>
            <input type="submit" value="查询" class="cha_xun">
        </div>

        <div class="hui_table">
            <table>
                <tr>
                    <th><input type="checkbox" placeholder="" name="chkAll" onclick="chkAll_onclick(this)"></th>
                    <th>会员姓名</th>
                    <th>联系方式</th>
                    <th>会员等级</th>
                    <th>积分操作</th>
                    <th>积分余额</th>
                    <th>积分描述</th>
                    <th>操作时间</th>
                </tr>
                <tr>
                    <td><input type="checkbox" placeholder="" name="chk" onclick="chk_onclick(this)"></td>
                    <td>admin</td>
                    <td>18846177654</td>
                    <td>银卡会员</td>
                    <td>+25</td>
                    <td>255</td>
                    <td>操作描述</td>
                    <td>2020-11-24</td>
                </tr>
                <tr>
                    <td><input type="checkbox" placeholder="" name="chk" onclick="chk_onclick(this)"></td>
                    <td>admin</td>
                    <td>18846177654</td>
                    <td>银卡会员</td>
                    <td>+25</td>
                    <td>255</td>
                    <td>操作描述</td>
                    <td>2020-11-24</td>
                </tr>
                <tr>
                    <td><input type="checkbox" placeholder="" name="chk" onclick="chk_onclick(this)"></td>
                    <td>admin</td>
                    <td>18846177654</td>
                    <td>银卡会员</td>
                    <td>+25</td>
                    <td>255</td>
                    <td>操作描述</td>
                    <td>2020-11-24</td>
                </tr>
                <tr>
                    <td><input type="checkbox" placeholder="" name="chk" onclick="chk_onclick(this)"></td>
                    <td>admin</td>
                    <td>18846177654</td>
                    <td>银卡会员</td>
                    <td>+25</td>
                    <td>255</td>
                    <td>操作描述</td>
                    <td>2020-11-24</td>
                </tr>
                <tr>
                    <td><input type="checkbox" placeholder="" name="chk" onclick="chk_onclick(this)"></td>
                    <td>admin</td>
                    <td>18846177654</td>
                    <td>银卡会员</td>
                    <td>+25</td>
                    <td>255</td>
                    <td>操作描述</td>
                    <td>2020-11-24</td>
                </tr>
                <tr>
                    <td><input type="checkbox" placeholder="" name="chk" onclick="chk_onclick(this)"></td>
                    <td>admin</td>
                    <td>18846177654</td>
                    <td>银卡会员</td>
                    <td>+25</td>
                    <td>255</td>
                    <td>操作描述</td>
                    <td>2020-11-24</td>
                </tr>
            </table>
        </div>

        <div class="hui_pages">
            <ul>
                <li><a href="#">上一页</a></li>
                <li class="pages_active"><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">下一页</a></li>
            </ul>
        </div>
    </div>
</div>
<script>
    function chkAll_onclick(obj)
    {
        var chks = document.getElementsByName("chk");
        for( var i = 0 ; i < chks.length ; i++ )
        {
            chks[i].checked = obj.checked;
        }
    }
    function chk_onclick(obj)
    {
        var chks = document.getElementsByName("chk");
        var	chkAll=document.getElementsByName("chkAll");
        if(obj.checked==false)
            chkAll[0].checked=false;
        else
        {
            var j=1;
            for( var i = 0 ; i < chks.length ; i++ )
            {
                if(chks[i].checked==false)
                {   j=2;
                    break;
                }
            }
            if (j==1)
                chkAll[0].checked=true;
        }
    }
</script>
</body>
</html>