通过Jquery全选或全部取消某个table的checkbox

最新推荐文章于 2023-04-03 08:36:43 发布

TSINGROO

最新推荐文章于 2023-04-03 08:36:43 发布

阅读量670

点赞数

CC 4.0 BY-SA版权

分类专栏：前端开发文章标签： jquery table function input html

本文链接：https://blog.youkuaiyun.com/TSINGROO/article/details/6715160

前端开发专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何利用jQuery脚本实现对HTML页面中复选框元素状态的动态控制，通过`toggleChecked`函数可以批量切换复选框的选中状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html代码

<input type="checkbox" onclick="toggleChecked(this.checked)">

Jquery代码

function toggleChecked(status) {
    $("#table_id1 tr td input:checkbox").each(function () {
        $(this).attr("checked", status);
    })
    $("#table_id2 tr td input:checkbox").each(function () {
        $(this).attr("checked", status);
    })
}