用js代码改变单选框选中状态的简单实例
今天突然有一个需求要用到,使用js代码改变单选框的选中状态。当时想也不想直接
function doGender(gender) {
if (gender == "男") {
gel("radionan").style.checked = "checked";
} else {
gel("radionv").style.checked = "checked";
}
}
function gel(id) {
return document.getElementById(id);
}
一执行,没反应......
因为我们在radio标签中设置选中是checked="checked";所以下意识给gel("radionv").style.checked赋值为"checked",然后上网一查
原来在js代码中要选中该单选框要给checked赋值为true。
继续改为:
function doGender(gender) {
if (gender == "男") {
gel("radionan").style.checked = true;
} else {
gel("radionv").style.checked = true;
}
}
一执行,还是没反应,有点蒙了...哪里出错呢????
难道不是style属性么????
直接gel("radionan")点一下,可以看到checked属性。
那就没错了!!!!!
function doGender(gender) {
if (gender == "男") {
gel("radionan").checked = true;
} else {
gel("radionv").checked = true;
}
}
一执行,果然如此。。。。。。。。。。。。。。
一切到此结束!!!!!!!!!!!!
相关文章
ant-design-pro使用qiankun微服务配置动态主题色的问题
这篇文章主要介绍了ant-design-pro使用qiankun微服务配置动态主题色,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2022-03-03javascript定义变量时带var与不带var的区别分析
这篇文章主要介绍了javascript定义变量时带var与不带var的区别,以一个简单实例分析了变量定义时带var与不带var的执行原理及用法区别,需要的朋友可以参考下2015-01-01
最新评论