jQuery实现了表和ckeckbox的全选和单选
时间:2021-09-11 来源:互联网 编辑:宝哥软件园 浏览:次
首先,我们将引入jQuery,实现桌子和板球箱的全选择和单选择。
让我们来看看以下效果:
当用户单击标题复选框时,所有表数据行的所有复选框都会被选中或取消选中。
当未选择数据行时,会选中标题复选框。当所有数据行的所有复选框被选中时,标题的复选框也被选中。
Html代码示例,只需注意高亮部分:
JQuery代码,可以参考如下:
PS: JS实现了隐藏和显示按钮的功能
当表没有数据行时,隐藏以下两个按钮,并显示它们,如下面的代码示例所示:
JQuery代码:
看效果:
版权声明:jQuery实现了表和ckeckbox的全选和单选是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。