用js代码改变单选框选中状态的简单实例_javascript技巧
程序员文章站
2022-04-11 09:36:51
...
今天突然有一个需求要用到,使用js代码改变单选框的选中状态。当时想也不想直接
function doGender(gender) {
if (gender == "男") {
gel("radionan").style.checked = "checked";
} else {
gel("radionv").style.checked = "checked";
}
}
一执行,没反应......
function doGender(gender) {
if (gender == "男") {
gel("radionan").style.checked = true;
} else {
gel("radionv").style.checked = true;
}
}
一执行,还是没反应,有点蒙了...哪里出错呢????
function doGender(gender) {
if (gender == "男") {
gel("radionan").checked = true;
} else {
gel("radionv").checked = true;
}
}
一执行,果然如此。。。。。。。。。。。。。。
复制代码 代码如下:
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;
}
}
一执行,果然如此。。。。。。。。。。。。。。
一切到此结束!!!!!!!!!!!!
推荐阅读
-
改变状态栏文字的js代码_javascript技巧
-
js改变文章字体大小的实例代码_javascript技巧
-
用js实现计算代码行数的简单方法附代码_javascript技巧
-
用js实现输入提示(自动完成)的实例代码_javascript技巧
-
js实现简单登录功能的实例代码_javascript技巧
-
js 获取后台的字段 改变 checkbox的被选中的状态 代码_javascript技巧
-
js 获取后台的字段 改变 checkbox的被选中的状态 代码_javascript技巧
-
js实现简单登录功能的实例代码_javascript技巧
-
用js代码改变单选框选中状态的简单实例_javascript技巧
-
JS获取文本框,下拉框,单选框的值的简单实例_javascript技巧