用js代碼改變單選框選中狀態(tài)的簡(jiǎn)單實(shí)例
今天突然有一個(gè)需求要用到,使用js代碼改變單選框的選中狀態(tài)。當(dāng)時(shí)想也不想直接
function doGender(gender) {
if (gender == "男") {
gel("radionan").style.checked = "checked";
} else {
gel("radionv").style.checked = "checked";
}
}
function gel(id) {
return document.getElementById(id);
}
一執(zhí)行,沒(méi)反應(yīng)......
因?yàn)槲覀冊(cè)趓adio標(biāo)簽中設(shè)置選中是checked="checked";所以下意識(shí)給gel("radionv").style.checked賦值為"checked",然后上網(wǎng)一查
原來(lái)在js代碼中要選中該單選框要給checked賦值為true。
繼續(xù)改為:
function doGender(gender) {
if (gender == "男") {
gel("radionan").style.checked = true;
} else {
gel("radionv").style.checked = true;
}
}
一執(zhí)行,還是沒(méi)反應(yīng),有點(diǎn)蒙了...哪里出錯(cuò)呢????
難道不是style屬性么????
直接gel("radionan")點(diǎn)一下,可以看到checked屬性。
那就沒(méi)錯(cuò)了?。。。?!
function doGender(gender) {
if (gender == "男") {
gel("radionan").checked = true;
} else {
gel("radionv").checked = true;
}
}
一執(zhí)行,果然如此。。。。。。。。。。。。。。
一切到此結(jié)束?。。。。。。。。。。?!
- javascript判斷單選框或復(fù)選框是否選中方法集錦
- 使用AngularJS處理單選框和復(fù)選框的簡(jiǎn)單方法
- AngularJS單選框及多選框?qū)崿F(xiàn)雙向動(dòng)態(tài)綁定
- js獲取單選框或復(fù)選框值及操作
- 利用原生js和jQuery實(shí)現(xiàn)單選框的勾選和取消操作的方法
- js和jquery分別驗(yàn)證單選框、復(fù)選框、下拉框
- 在js中單選框和復(fù)選框獲取值的方式
- JS獲取文本框,下拉框,單選框的值的簡(jiǎn)單實(shí)例
- javascript 單選框,多選框美化代碼
- JS面向?qū)ο笾畣芜x框?qū)崿F(xiàn)
相關(guān)文章
用js寫(xiě)“算24”游戲的思路分析與實(shí)現(xiàn)代碼
“算24”是一種游戲,小時(shí)候玩過(guò),就是一副撲克,把大王,小王除掉,A算1點(diǎn)J,Q,K都算10點(diǎn)。任意抽4個(gè)牌,可以運(yùn)用+-*/()來(lái)進(jìn)行運(yùn)算,把最后結(jié)果等于24。2008-05-05ant-design-pro使用qiankun微服務(wù)配置動(dòng)態(tài)主題色的問(wèn)題
這篇文章主要介紹了ant-design-pro使用qiankun微服務(wù)配置動(dòng)態(tài)主題色,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-03-03動(dòng)態(tài)加載js、css的實(shí)例代碼
這篇文章主要介紹了動(dòng)態(tài)加載js、css的實(shí)例代碼的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值,感興趣的朋友一起看看吧2016-05-05TypeScript開(kāi)發(fā)小狀況記錄之選且只選一個(gè)
在開(kāi)發(fā)中需要定義一個(gè)對(duì)象的類(lèi)型,此類(lèi)型必須包含某n個(gè)字段中的其中一種,這篇文章主要給大家介紹了關(guān)于TypeScript開(kāi)發(fā)小狀況記錄之選且只選一個(gè)的相關(guān)資料,需要的朋友可以參考下2022-10-10Javascript 多物體運(yùn)動(dòng)的實(shí)現(xiàn)
這篇文章主要介紹了Javascript 多物體運(yùn)動(dòng)的實(shí)現(xiàn),需要的朋友可以參考下2014-12-12詳解JavaScript中精度失準(zhǔn)問(wèn)題及解決方法
這篇文章主要介紹了JavaScript中精度失準(zhǔn)問(wèn)題及解決方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02javascript定義變量時(shí)帶var與不帶var的區(qū)別分析
這篇文章主要介紹了javascript定義變量時(shí)帶var與不帶var的區(qū)別,以一個(gè)簡(jiǎn)單實(shí)例分析了變量定義時(shí)帶var與不帶var的執(zhí)行原理及用法區(qū)別,需要的朋友可以參考下2015-01-01