手机版

jQuery实现了表和ckeckbox的全选和单选

时间:2021-09-11 来源:互联网 编辑:宝哥软件园 浏览:

首先,我们将引入jQuery,实现桌子和板球箱的全选择和单选择。

让我们来看看以下效果:

当用户单击标题复选框时,所有表数据行的所有复选框都会被选中或取消选中。

当未选择数据行时,会选中标题复选框。当所有数据行的所有复选框被选中时,标题的复选框也被选中。

Html代码示例,只需注意高亮部分:

JQuery代码,可以参考如下:

PS: JS实现了隐藏和显示按钮的功能

当表没有数据行时,隐藏以下两个按钮,并显示它们,如下面的代码示例所示:

JQuery代码:

看效果:

版权声明:jQuery实现了表和ckeckbox的全选和单选是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。