欢迎光临散文网 会员登陆 & 注册

全选or!全选_事件的叠加20230719

2023-07-19 16:05 作者:Biehmltym  | 我要投稿

有趣的装置

<html>

           <table _________________________>

              <thead>

                 <th>全选_______<input type="checkbox" id="all_check" _________________________/> </th>

                 <th>部門</th><th>名前</th>

              </thead>

              <tbody>

                 <tr>

                    <td><input type="checkbox" name="rowCheck" _________________________/></td>

                    <td>開発1</td>

                    <td>田中</td>

                 </tr>

                 <tr>

                    <td><input type="checkbox" name="rowCheck" _________________________/></td>

                    <td>開発2</td><td>佐藤</td>

                 </tr>

                 <tr>

                    <td><input type="checkbox" name="rowCheck" _________________________/></td>

                    <td>開発2</td><td>田島</td>

                 </tr>

              </tbody>

           </table>

           <script>

             _________________________

           </script>

</html>

请补全上方JS部分代码,实现以下效果及功能。

JS功能:

  当勾选全选复选框时,下方所有复选框全部勾选。取消勾选全选复选框时,下方所有复选框全部取消勾选。

当下方复选框全都勾选时,勾选全选复选框。当下方复选框任意一个未勾选时,取消勾选全选复选框。


全选or!全选_事件的叠加20230719的评论 (共 条)

分享到微博请遵守国家法律