原生態js對單選框的美化並且可復用。

2021-08-14 13:31:53 字數 438 閱讀 6397

基於純js對單選框的美化,不僅可以設定想設定的顏色,也可以在同一頁面復用多個。還會對**進行詳細的解析,對剛入門的你有一定的幫助哦~

css:

.radio

html男女

本科大專

本科大專

js://單選框外掛程式

var radiogroup=document.queryselectorall('.radio-group');  //獲取瀏覽器中所有的類名為radio-group的檔案。

queryselectorall:是js中一種方法,查詢多個的意思

radiogroup.foreach(function(group))

this.classname='radio active';

radio.checked=true;     }})

做的不好的地方也歡迎廣大前端工程師提意見哦~

js 多選框 單選框

此多選框 單選框可以換按鈕 只更改雪碧圖的定位即可。沒有使用自帶的控制項,是重新寫的。用到了模組化開發,類的匯出匯入,類的繼承。type module import radio from js radio.js import checkbox from js checkbox.js let hobb...

js封裝原生態的ajax

js原生ajax ajax 一種請求資料的方式,不需要重新整理整個頁面 ajax的技術核心是 xmlhttprequest 物件 ajax 請求過程 建立 xmlhttprequest 物件 連線伺服器 傳送請求 接收響應資料 如下 呼叫ajax方法 ajax 請求引數 datatype json ...

js中對單選框或者核取方塊的選擇校驗

1.單選框 一般情況下,單選框中會對其中的乙個設定為checked checked 比如性別 所以選擇與否的教研就沒有必要了 2.核取方塊 目標是保證核取方塊必須有乙個或者更多的被選中!兩種方式 1 function check if b 或者 function check if b 0 2 js ...