一聚教程网:一个值得你收藏的教程网站

热门教程

jQuery实现checkbox的简单操作

时间:2022-06-25 17:01:48 编辑:袖梨 来源:一聚教程网

对复选框组的全选、全不选、不全选,获取选中的复选框的值的操作

1.点击全选按钮,复选框组全部选中或者全部取消。
2.实现全选按钮和复选框组的联动,当复选框组中有一个没有被选中后,那么id=‘checkedAll'的全选按钮应该要取消选中;当复选框组全部选中后,全选按钮也应该被选中。
3.获取已选中的复选框的值。

代码:




  
  对复选框组的全选操作
  
  
  


  
  • 篮球
  • 足球
  • 羽毛球
  • 兵乓球
  • 游泳
  • 跑步

对于代码中的不足,不够简洁的还可以再优化的地方,如果有什么更好的想法和实现方法,欢迎一起交流学习。

热门栏目