用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í)行,果然如此。。。。。。。。。。。。。。
一切到此結(jié)束?。。。。。。。。。。?!
相關文章
ant-design-pro使用qiankun微服務配置動態(tài)主題色的問題
這篇文章主要介紹了ant-design-pro使用qiankun微服務配置動態(tài)主題色,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-03-03javascript定義變量時帶var與不帶var的區(qū)別分析
這篇文章主要介紹了javascript定義變量時帶var與不帶var的區(qū)別,以一個簡單實例分析了變量定義時帶var與不帶var的執(zhí)行原理及用法區(qū)別,需要的朋友可以參考下2015-01-01