用js代码改变单选框选中状态的简单实例
时间：2021-05-16 09:37:29|栏目：JavaScript代码|点击： 次
今天突然有一个需求要用到，使用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;
}
}
一执行，果然如此。。。。。。。。。。。。。。
一切到此结束！！！！！！！！！！！！
上一篇：使用Bootstrap和Vue实现用户信息的编辑删除功能
栏 目：JavaScript代码
本文标题：用js代码改变单选框选中状态的简单实例
本文地址：http://www.codeinn.net/misctech/122353.html
