用js代碼改變單選框選中狀態(tài)的簡單實例
今天突然有一個需求要用到,使用js代碼改變單選框的選中狀態(tài)。當(dāng)時想也不想直接
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ù)改為:
function doGender(gender) {
if (gender == "男") {
gel("radionan").style.checked = true;
} else {
gel("radionv").style.checked = true;
}
}
一執(zhí)行,還是沒反應(yīng),有點蒙了...哪里出錯呢????
難道不是style屬性么????
直接gel("radionan")點一下,可以看到checked屬性。
那就沒錯了?。。。?!
function doGender(gender) {
if (gender == "男") {
gel("radionan").checked = true;
} else {
gel("radionv").checked = true;
}
}
一執(zhí)行,果然如此。。。。。。。。。。。。。。
一切到此結(jié)束?。。。。。。。。。。?!
相關(guān)文章
ant-design-pro使用qiankun微服務(wù)配置動態(tài)主題色的問題
這篇文章主要介紹了ant-design-pro使用qiankun微服務(wù)配置動態(tài)主題色,本文給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-03-03詳解JavaScript中精度失準(zhǔn)問題及解決方法
這篇文章主要介紹了JavaScript中精度失準(zhǔn)問題及解決方法,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02javascript定義變量時帶var與不帶var的區(qū)別分析
這篇文章主要介紹了javascript定義變量時帶var與不帶var的區(qū)別,以一個簡單實例分析了變量定義時帶var與不帶var的執(zhí)行原理及用法區(qū)別,需要的朋友可以參考下2015-01-01