用js代碼改變單選框選中狀態(tài)的簡單實例
更新時間：2013年12月18日 15:24:17 作者：
這篇文章主要介紹了js代碼改變單選框選中狀態(tài)的簡單實例，有需要的朋友可以參考一下
今天突然有一個需求要用到，使用js代碼改變單選框的選中狀態(tài)。當時想也不想直接
復制代碼 代碼如下:
function doGender(gender) {
if (gender == "男") {
gel("radionan").style.checked = "checked";
} else {
gel("radionv").style.checked = "checked";
}
}
function gel(id) {
return document.getElementById(id);
}
一執(zhí)行，沒反應......
因為我們在radio標簽中設置選中是checked="checked";所以下意識給gel("radionv").style.checked賦值為"checked"，然后上網(wǎng)一查
原來在js代碼中要選中該單選框要給checked賦值為true。
繼續(xù)改為：
復制代碼 代碼如下:
function doGender(gender) {
if (gender == "男") {
gel("radionan").style.checked = true;
} else {
gel("radionv").style.checked = true;
}
}
一執(zhí)行，還是沒反應，有點蒙了...哪里出錯呢？？？？
難道不是style屬性么？？？？
直接gel("radionan")點一下，可以看到checked屬性。
那就沒錯了?。。。?！
復制代碼 代碼如下:
function doGender(gender) {
if (gender == "男") {
gel("radionan").checked = true;
} else {
gel("radionv").checked = true;
}
}
一執(zhí)行，果然如此。。。。。。。。。。。。。。
一切到此結束?。。。。。。。。。。?！
相關文章
javascript 數(shù)組(list)添加/刪除的實現(xiàn)
這篇文章主要介紹了javascript 數(shù)組(list)添加/刪除，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-12-12
bootstrap組件在前端開發(fā)中經(jīng)常會用到，今天小編通過本文給大家分享bootstrap組件之進度條的基本用法，需要的朋友參考下吧2017-01-01
這篇文章主要介紹了分享12個Webpack中常用的Loader(小結)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-03-03
這篇文章主要介紹了分享JavaScript?類型判斷的幾種方法，文章圍繞主題展開詳細的內容介紹，具有一定的的參考價值，需要的小伙伴可以參考一下2022-05-05
這篇文章主要介紹了Javascript作用域和作用域鏈原理解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-03-03
這篇文章主要介紹了JavaScript數(shù)組對象和字符串對象，文章中有詳細的代碼示例，對學習或工作有一定的幫助，需要的小伙伴可以參考一下2023-04-04
JavaScript實現(xiàn)購物車圖片局部放大預覽效果
這篇文章主要為大家詳細介紹了JavaScript如何通過canvas簡單實現(xiàn)購物車圖片放大預覽效果，文中的示例代碼講解詳細，感興趣的小伙伴可以跟隨小編一起學習一下2023-03-03
這篇文章主要介紹了淺談利用JavaScript進行的DDoS攻擊原理與防御,以及介紹了相關的中間人攻擊原理,需要的朋友可以參考下2015-06-06
本文主要對JavaScript中promise的使用進行詳細介紹。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
這篇文章主要為大家介紹了webpack?loader使用的安裝配置詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-07-07