欢迎访问新酱博客!

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

Asp.Net 新酱 阅读:192 0评论

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删除等功能。

新酱博客 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨网站采用BY-NC-SA协议进行授权
转载请注明原文链接:https://www.xiaorenjc.net/137.html
喜欢 (0)
评论头像
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址