用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;
}
}
一执行，果然如此。。。。。。。。。。。。。。
一切到此结束！！！！！！！！！！！！
相关文章
这篇文章主要介绍了前端开发之CSS原理详解的相关资料,需要的朋友可以参考下2017-03-03
第一次接触神奇的Bootstrap基础排版，Bootstrap让Web开发更迅速、更简单，感兴趣的小伙伴们可以参考一下2016-07-07
ArrayList功能想必大家都有所了解吧，本文使用js实现ArrayList功能并附实例代码，想学习的朋友可以看看2014-10-10
切换面板具备功能：鼠标划过不同的题目会有不同的图片和解说，可以连接到不同的网站，实例代码如下，感兴趣的朋友可以参考下哈2013-06-06
这篇文章主要为大家详细介绍了laydate时间日历插件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
这篇文章主要介绍了基于JS实现操作成功之后自动跳转页面的相关知识，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-09-09
做过微信开发的都知道，在部分android机型里微信不支持网页上传图片的，这是由于这些机型的文件上传存在内存泄漏，会导致微信闪退，所以微信内置浏览器将文件上传屏蔽，本篇文章给大家介绍使用微信jssdk如何上传图片，需要的朋友可以关注下2015-08-08
LayUi使用switch开关,动态的去控制它是否被启用的方法
今天小编就为大家分享一篇LayUi使用switch开关,动态的去控制它是否被启用的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
JavaScript中Array数组常用方法(附上相应的用法及示例)
这篇文章主要给大家介绍了关于JavaScript中Array数组常用方法,文中附上相应的用法及示例,需要的朋友可以参考下2024-01-01
ES6中的Promise对象与async和await方法详解
Promise是es6引入的异步编程薪解决方案，语法上promise就是一个构造函数，用来封装异步操作病可以获取其成功或失败的结果，这篇文章主要介绍了ES6中的Promise对象与async和await方法,需要的朋友可以参考下2022-12-12
最新评论