用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 相关文章推荐
Extjs学习笔记之六 面版
Jan 08 Javascript
说明你的Javascript技术很烂的五个原因
Apr 26 Javascript
Javascript数组与字典用法分析
Dec 13 Javascript
jQuery实现简单二级下拉菜单
Apr 12 Javascript
JavaScript中的small()方法使用详解
Jun 08 Javascript
javascript实现二叉树遍历的代码
Jun 08 Javascript
Angular 5.0 来了! 有这些大变化
Nov 15 Javascript
详解webpack模块加载器兼打包工具
Sep 11 Javascript
jQuery序列化form表单数据为JSON对象的实现方法
Sep 20 jQuery
angularJs利用$scope处理升降序的方法
Oct 08 Javascript
node版本管理工具n包使用教程详解
Nov 09 Javascript
JavaScript实现预览本地上传图片功能完整示例
Mar 08 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
数据库中排序的对比及使用条件详解
2012/02/23 PHP
探讨PHP中OO之静态关键字以及类常量的详解
2013/06/07 PHP
php检测文件编码的方法示例
2014/04/25 PHP
基于PHP如何把汉字转化为拼音
2015/12/11 PHP
ThinkPHP模板标签eq if 中区分0,null,false的方法
2017/03/24 PHP
jquery slibings选取同级其他元素的实现代码
2013/11/15 Javascript
JS实现的自定义右键菜单实例二则
2015/09/01 Javascript
JS+CSS实现精美的二级导航效果代码
2015/09/17 Javascript
Adapter适配器模式在JavaScript设计模式编程中的运用分析
2016/05/18 Javascript
使用bootstrap实现多窗口和拖动效果
2016/09/22 Javascript
Node.js的文件权限及读写flag详解
2016/10/11 Javascript
JavaScript中递归实现的方法及其区别
2017/09/12 Javascript
详解如何将 Vue-cli 改造成支持多页面的 history 模式
2017/11/20 Javascript
浅谈React深度编程之受控组件与非受控组件
2017/12/26 Javascript
JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码
2018/04/21 Javascript
taro开发微信小程序的实践
2019/05/21 Javascript
[46:14]完美世界DOTA2联赛PWL S3 Magma vs INK ICE 第一场 12.11
2020/12/16 DOTA
Python中Threading用法详解
2017/12/27 Python
python之从文件读取数据到list的实例讲解
2018/04/19 Python
django富文本编辑器的实现示例
2019/04/10 Python
python实现微信自动回复机器人功能
2019/07/11 Python
如何让PyQt5中QWebEngineView与JavaScript交互
2020/10/21 Python
Python plt 利用subplot 实现在一张画布同时画多张图
2021/02/26 Python
Python字节单位转换(将字节转换为K M G T)
2021/03/02 Python
香港时装购物网站:ZALORA香港
2017/04/23 全球购物
速卖通欧盟:Aliexpress EU
2020/08/19 全球购物
同步和异步有何异同,在什么情况下分别使用他们?
2012/12/28 面试题
opencv实现图像几何变换
2021/03/24 Python
光电信息专业应届生求职信
2013/10/07 职场文书
环境工程大学生自荐信
2013/10/21 职场文书
先进德育工作者事迹材料
2014/01/24 职场文书
《最大的麦穗》教学反思
2014/04/17 职场文书
个人简历自我评价怎么写
2015/03/10 职场文书
用position:sticky完美解决小程序吸顶问题的实现方法
2021/04/24 HTML / CSS
Python标准库pathlib操作目录和文件
2021/11/20 Python
python实现手机推送 代码也就10行左右
2022/04/12 Python