在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/Java  HTML/ antd checkbox選中數(shù)量的限制

antd checkbox選中數(shù)量的限制

我在做一個投票的界面,在做多選的時候需要限制選中的選項的數(shù)量,
比如最多投兩票,則當5個checkbox有2個被選中時,其他的選項都被disable了.

我現(xiàn)在因為數(shù)據(jù)是從外面?zhèn)鞯絧rops里面的,所以不知道該用checkbox還是checkboxgroup
數(shù)據(jù):
圖片描述
我現(xiàn)在是這樣寫的(其實是瞎寫的):
圖片描述
還完全沒有思路,誰能給個大致思路,怎么判斷已選checkbox的數(shù)量并且disable掉其他未選中的checkbox
目前做到的樣子:
圖片描述
更新后做到的樣子(可以實現(xiàn)點擊多于兩個checkbox的時候全局disable,不知道怎么把this.state,寫入.map循環(huán)。。):
圖片描述
會報錯,不識別state。
圖片描述
圖片描述

回答
編輯回答
不討囍

大概思路如下:
設置默認選中Checkbox的數(shù)量 state={checkboxNum:0};
選中一個Checkbox時 執(zhí)行事件 this.setState({checkboxNum:this.state.checkboxNum + 1});
遍歷的時候加判斷 <Checkbox disabled={ this.state.checkboxNum > 2 ? true : false}></Checkbox>

2018年3月23日 03:51