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