input
span::before
span::after
label
#abc:checked~span::after
#efg:checked~span::after
我最帥
你不帥
2.~ 為選擇器，代表選擇某元素下的所有要選擇的元素
3. label的for屬性：與input的id搭配使用，代表label的存在是為了相應id的input元素 即控制label可以達到input可以產生的效果
說明：本例中使用 after 和 before 偽元素來替代單選框
分別將 after 和 before 設定為塊元素並且設定對應的大小顏色和屬性
為after設定浮動向左，after即可浮動到span前面，before的後面
再為before設定絕對定位 position:absolute; before與after即可重疊
本例中為after 和before設定圓邊框，使兩者成為圓形樣式
注：（after與before應設定相同大小，再通過scale來改變相應大小，這樣即使頁面縮放兩者也不會錯位）
最後通過相應的input id來選擇對應的span
#abc:checked~span::after
本例中before為替代單選框的邊框 ，after為替代單選框中的圓形填充，且設定效果為after更改大小
我最帥
單選框核取方塊取值
query radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中,及其相關設定 獲取一組radio被選中項的值 var item input name items checked val 獲取select被選中項的文字 var item se...
單選框和核取方塊的應用
在用表單設計調查表時，為了減少使用者的操作，使用選擇框是乙個好主意，在html的標記中有兩種選擇框，即單選框和核取方塊，兩者的區別是單選框中的選項使用者只能選擇一項，而核取方塊中的選項使用者可以任意選擇多項，甚至全選。請看下面的例子 下面給出這個例子的源 結合 來講各引數的設定 form name ...
Flutter 基礎元件 單選框和核取方塊
material元件庫中提供了material風格的單選開關switch和核取方塊checkbox，雖然它們都是繼承自statefulwidget，但它們本身不會儲存當前選中狀態，選中狀態都是由父元件來管理的。當switch或checkbox被點選時，會觸發它們的onchanged 可以在此 中處理...