jQuery复选框全选、单选获取选中的value值

新酱
137
文章
33
评论
2019年5月27日20:26:33 评论 222 387字阅读1分17秒

Table代码

jQuery代码

解析

全选

全选是首先id选择器选中全选input,判断一下当全选input被选中的时候将table(id=td)里面的所有复选框的checked属性全部修改为true即可实现全选的效果,同理将checked修改为false就取消了全选

多选单选获取选中的value值

获取删除按钮,创建一个Array数组对象,因为全选按钮也在
table(id=td)里面 ,但是全选按钮的name值为all,所以加一个条件只获取name属性为name并且已经选中的复选框,each遍历他们,将被选中的复选框的值添加到数组里面,然后通过for循环即可取出每个被选中的复选框value的值。可以在for循环里面发ajax实现通过id删除等功能。

  • 版权声明: 发表于 2019年5月27日20:26:33
  • 转载注明:https://www.xiaorenjc.net/137.html

您必须才能发表评论!