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

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

原创最新推荐文章于 2023-04-03 08:36:43 发布 · 694 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #table #function #input #html

前端开发专栏收录该内容

1 篇文章

订阅专栏

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

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);
    })
}