vue實現全選 反選功能

2022-10-04 05:39:06 字數 289 閱讀 5859

用vue寫業務**時候,後端大神丟給我一堆資料,要求是做全選,反選功能,然後把使用者更改的資料全部返回給他

基本思路

如果父級選中了,那麼父級下面的子集全部選中checked=true;

如果子集中選中了乙個,那麼父級應該被勾選中

如果子集乙個都沒有選中,那麼父級此時應該沒有選中

最後提交使用者改變後的陣列

(大神原諒我的囉嗦哈)

開始上**

document

css/role.css" rel="external nofollow" >

jquery實現全選 反選功能

如何利用jquery是先簡單的全選反選功能 首先我們需要載頁面中引入jquery jquery 3.4.1.min.js script 然後我們需要引入input標籤 全選 checkbox id checkall 反選 checkbox id checkother checkbox li chec...

js實現全選和反選功能

全選反選 足球籃球 跑步登山 唱歌跳舞 思路 1 獲取元素。2 用for迴圈歷遍陣列,把checkbox的checked設定為true即實現全選,把checkbox的checked設定為false即實現不選。3 通過if判斷,如果checked為true選中狀態的,就把checked設為false不...

js實現全選和反選功能

1.頁面 html head title 匯出excel title head body p style text align center padding top 15px 選擇班級 select name claid id claid style color 999999 option valu...