要求:（老掉牙了，還是說一下）

1.勾選了全選框后，下面的子選框全被勾選；沒勾選全選框，則子選框全部不勾選

2.子選框如果有一個未勾選，則取消全選框勾選；

3.子選框全部勾選，則勾選全選框

效果

需要說明幾點：

1.data-duplex-changed負責監聽checkbox的變化，進而觸發回調。

2.ms-duplex-number="selected"這個就是神器，selected數組是和子選項框同步的，互相影響。也就是說，selected數組的元素個數增加或減少，會更新相應子選項框的視圖，反之亦然。

3.ms-duplex-*需要與checkbox value屬性值的類型相同，否則無法同步視圖。像這里，checkbox value值是數字，則用ms-duplex-number。

4.checkbox value屬性值的類型有時不要想當然的去判定。本屌就遇到過，明明從后臺傳過來的是id數字，卻無法同步視圖，最后改成ms-duplex-string才解決問題。所以'7'還是7,要判斷清楚。

從這個小例子可以看到用avalon這類mvvc是多么的提升編碼體驗，如果不用，想想要寫多少個for循環+if判斷！

以上所述就是本文的全部內容了，希望大家能夠喜歡。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com