用js代码改变单选框选中状态的简单实例


Posted in Javascript onDecember 18, 2013

今天突然有一个需求要用到,使用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 相关文章推荐
精通Javascript系列之数据类型 字符串
Jun 08 Javascript
js 针对html DOM元素操作等经验累积
Mar 11 Javascript
JavaScript实现点击单选按钮改变输入框中文本域内容的方法
Aug 12 Javascript
JavaScript修改作用域外变量的方法
Mar 25 Javascript
jQuery页面元素动态添加后绑定事件丢失方法,非 live
Jun 16 Javascript
避免jQuery名字冲突 noConflict()方法
Jul 30 Javascript
jQuery Ajax File Upload实例源码
Dec 12 Javascript
canvas绘制表盘时钟
Jan 23 Javascript
Vue中使用webpack别名的方法实例详解
Jun 19 Javascript
vue2中,根据list的id进入对应的详情页并修改title方法
Aug 24 Javascript
微信小程序利用云函数获取手机号码
Dec 17 Javascript
详解Vue串联过滤器的使用场景
Apr 30 Javascript
浅析document.ready和window.onload的区别讲解
Dec 18 #Javascript
浅谈Javascript 执行顺序
Dec 18 #Javascript
Javascript浅谈之引用类型
Dec 18 #Javascript
浅析JQuery UI Dialog的样式设置问题
Dec 18 #Javascript
Jquery ajaxStart()与ajaxStop()方法(实例讲解)
Dec 18 #Javascript
jQuery.event兼容各浏览器的event详细解析
Dec 18 #Javascript
jquery中event对象属性与方法小结
Dec 18 #Javascript
You might like
PHP实现股票趋势图和柱形图
2015/02/07 PHP
WordPress中使主题支持小工具以及添加插件启用函数
2015/12/22 PHP
总结PHP中数值计算的注意事项
2016/08/14 PHP
Javascript类定义语法,私有成员、受保护成员、静态成员等介绍
2011/12/08 Javascript
jQuery JSON实现无刷新三级联动实例探讨
2013/05/28 Javascript
JavaScript中数据结构与算法(四):串(BF)
2015/06/19 Javascript
浅谈jQuery的offset()方法及示例分享
2015/07/17 Javascript
多个js毫秒倒计时同时进行效果
2016/01/05 Javascript
剖析Node.js异步编程中的回调与代码设计模式
2016/02/16 Javascript
vue2.0父子组件间通信的实现方法
2017/04/19 Javascript
jQuery UI 实例讲解 - 日期选择器(Datepicker)
2017/09/18 jQuery
浅谈Vue内置component组件的应用场景
2018/03/27 Javascript
[45:32]Liquid vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
使用PYTHON创建XML文档
2012/03/01 Python
基于python编写的微博应用
2014/10/17 Python
Python中数字以及算数运算符的相关使用
2015/10/12 Python
Python学习小技巧之列表项的推导式与过滤操作
2017/05/20 Python
Python爬虫框架scrapy实现的文件下载功能示例
2018/08/04 Python
Python通过paramiko远程下载Linux服务器上的文件实例
2018/12/27 Python
如何使用Python标准库进行性能测试
2019/06/25 Python
Window10下python3.7 安装与卸载教程图解
2019/09/30 Python
python随机模块random使用方法详解
2020/02/14 Python
keras的siamese(孪生网络)实现案例
2020/06/12 Python
澳大利亚首屈一指的在线购物目的地:Kogan.com
2017/02/02 全球购物
美国女性奢华品牌精品店:INTERMIX
2017/10/12 全球购物
Osklen官方在线商店:巴西服装品牌
2019/04/25 全球购物
母亲节演讲稿范文
2014/01/02 职场文书
关心下一代工作先进事迹
2014/08/15 职场文书
单位工作证明范文
2014/09/14 职场文书
2014年医院十一国庆节活动方案
2014/09/15 职场文书
毕业论文致谢信
2015/05/14 职场文书
2015初中政治教学工作总结
2015/07/21 职场文书
2016党员干部廉政准则学习心得体会
2016/01/20 职场文书
MySQL创建定时任务
2022/01/22 MySQL
Python matplotlib多个子图绘制整合
2022/04/13 Python
win server2012 r2服务器共享文件夹如何设置
2022/06/21 Servers