用js代码改变单选框选中状态的简单实例
更新时间：2013年12月18日 15:24:17 作者：
这篇文章主要介绍了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;
}
}
一执行，果然如此。。。。。。。。。。。。。。
一切到此结束！！！！！！！！！！！！
相关文章
这篇文章主要介绍了javascript 数组(list)添加/删除，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-12-12
bootstrap组件在前端开发中经常会用到，今天小编通过本文给大家分享bootstrap组件之进度条的基本用法，需要的朋友参考下吧2017-01-01
这篇文章主要介绍了分享12个Webpack中常用的Loader(小结)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-03-03
这篇文章主要介绍了分享JavaScript 类型判断的几种方法，文章围绕主题展开详细的内容介绍，具有一定的的参考价值，需要的小伙伴可以参考一下2022-05-05
这篇文章主要介绍了Javascript作用域和作用域链原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-03-03
这篇文章主要介绍了JavaScript数组对象和字符串对象，文章中有详细的代码示例，对学习或工作有一定的帮助，需要的小伙伴可以参考一下2023-04-04
这篇文章主要为大家详细介绍了JavaScript如何通过canvas简单实现购物车图片放大预览效果，文中的示例代码讲解详细，感兴趣的小伙伴可以跟随小编一起学习一下2023-03-03
这篇文章主要介绍了浅谈利用JavaScript进行的DDoS攻击原理与防御,以及介绍了相关的中间人攻击原理,需要的朋友可以参考下2015-06-06
本文主要对JavaScript中promise的使用进行详细介绍。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
这篇文章主要为大家介绍了webpack loader使用的安装配置详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-07-07
最新评论