input彈框多選,勾選input框,彈框內容頂部展示所選內容,取消勾選內容消失,點擊已選內容的取消,相應的input框也會取消勾選。

需求說明         最近項目有一個需求,選擇項目設計的系統,點擊input框彈出一個彈框,彈框內是涉及的系統,點擊勾選框後把已選擇的系統展示在彈框內容頂部,如想撤銷選擇可在彈框上面已選處點擊刪除,或者直接取消勾選。確定好選擇的系統後點擊確定按鈕,內容將顯示在最開始的input框內,每一選擇之間用逗號隔開,鼠標劃過這個input框會有內容的title。說的比較繁瑣,看圖比較清晰。 實現步驟 一
相關文章
相關標籤/搜索