Vue中CheckBox核取方塊實現單選效果

2021-08-29 09:32:58 字數 457 閱讀 7669

為什麼有radio不用,偏偏要使用checkbox實現單選效果呢?

答案是如果想同時實現單選,又實現可以乙個都不選的話。只能使用checkbox來做了。

通過jquery來做

實現思路:

1.如果當前物件不選中:去除當前物件的選中狀態

2.如果當前物件選中:

通過checkbox的class迴圈,去除所有checkbox的選中狀態。

設定當前的物件的狀態為選中(因為在迴圈時把狀態改為false了)

if ($(event.target).prop("checked") == false) else );

$(event.target).prop("checked", true); //設定當前物件選中(因為在上面迴圈時把當前的狀態變為不選中)

}

$(event.target)是vue裡面的當前物件。

vue實現核取方塊checkbox

效果圖 tempdata 核取方塊資料來源 checkboxidstrs 1,3 假設這是你從資料庫裡取出的資料 checkboxidstr 注意這個一定要是陣列的形式,這樣v model繫結ckeckbox才會自動選中created function 2021 1 22 更新 另一種情況 選中是1...

MFC中核取方塊 checkbox

來自 http blog.csdn.net dongzhongshu archive 2010 06 30 5705138.aspx checkbox是一種特殊的按鈕 得到核取方塊狀態的函式 cbutton pbtn cbutton getdlgitem idc check int state pb...

checkbox核取方塊樣式

隨著現代瀏覽器的流行,純css設定checkbox也變的很是實用,下面會講到5種與眾不同的checkbox核取方塊。首先,需要新增一段css隱藏所有的checkbox核取方塊,下面我們會改變它的外觀。要做到點需要新增一段 到你的css檔案中。隱藏預設的checkbox input type chec...