JS(javascript)入门：html表格怎么实现鼠标移动到某一行上有被选中效果，js怎么实现复选框全选和取消全选的效果？

表格选中一行效果，全选与取消全选效果

• for循环应用
• function函数应用
• 鼠标经过（onmousever）和鼠标离开（onmouseout）应用
  最终效果展示
  
  css部分

 <style>
        table {
   
            width: 500px;
            text-align: center;
            font-size: 10px;
        }

        tbody tr,
        tbody td {
   
            border-bottom: 1px solid black;
            color: blue;
        }

        .bg {
   
            background-color: pink;/*用于js 调用（className）*/
        }
    </style>

body部分

 <table cellspacing="0" cellpadding="10">
        <thead>
            <tr>
                <th><input type="checkbox" id="j_cball"></th>
                <th>编码</th>
                <th>名称</th>
                <