vue的checkbox多選框獲取其是否選中和獲取其自定義屬性值


1.第一種情況點擊一個全選按鈕使下面的所有的checkbox多選框選中或取消選中。如下圖:

獲取這個多選框的選中還是沒有選中的狀態

首先給這個全選的input多選框定義一個點擊事件,給點擊事件傳入參數$event,從$event里面獲取這個checkbox 選中狀態true或false

 

2.第二種情況是獲取循環生成的多個name相同的checkbox的一個多個選中的狀態。

首先在這些循環的父級元素加上一個ref="",來獲取父級元素

 然后根據這個ref來獲取所有的input多選框

獲得的checkDom是一個數組,擁有數組的方法,循環查看有哪些是選中的

代碼中的checkDom[i].dataset.id是用來獲取input多選框自定義屬性data-id的值,比如這個data-id的值是確定這一行信息的id值,用來刪除這一行

最后所有選中的input多選框的data-id的值多放在了idArray里面了。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM