复选框全选

最新推荐文章于 2024-07-14 22:41:24 发布

黄酱！

最新推荐文章于 2024-07-14 22:41:24 发布

阅读量1k

点赞数 1

分类专栏： JS 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/tianranran/article/details/121782155

版权

本文介绍如何利用JavaScript实现复选框全选功能，适用于前端开发，特别是Vue.js应用中。通过绑定事件和修改DOM状态，可以轻松实现全选和反选的交互效果。

摘要由CSDN通过智能技术生成

<body>
    <div class="container">
        <table class="m-table">
            <caption>员工信息列表</caption>
            <tbody>
                <tr>
                    <th><input type="checkbox" class="checkbox-all" >全选</th>
                    <th>员工编号</th>
                    <th>员工名称</th>
                    <th>员工部门</th>
                    <th colspan="2">操作</th>
                </tr>
                <tr>
                    <td> <input type="checkbox" class="checkbox-item" ></td>
                    <td>1001</td>
                    <td>张三</td>
                    <td>技术部</td>
                    <td><a href=