vue的checkbox多选框获取其是否选中和获取其⾃定义属性值1.第⼀种情况点击⼀个全选按钮使下⾯的所有的checkbox多选框选中或取消选中。如下图:
获取这个多选框的选中还是没有选中的状态
⾸先给这个全选的input多选框定义⼀个点击事件,给点击事件传⼊参数$event,从$event⾥⾯获取这个checkbox 选中状态true或false
2.第⼆种情况是获取循环⽣成的多个name相同的checkbox的⼀个多个选中的状态。
⾸先在这些循环的⽗级元素加上⼀个ref="",来获取⽗级元素
属于input属性
然后根据这个ref来获取所有的input多选框
获得的checkDom是⼀个数组,拥有数组的⽅法,循环查看有哪些是选中的
代码中的checkDom[i].dataset.id是⽤来获取input多选框⾃定义属性data-id的值,⽐如这个data-id的值是确定这⼀⾏信息的id值,⽤来删除这⼀⾏
最后所有选中的input多选框的data-id的值多放在了idArray⾥⾯了。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论