用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 相关文章推荐
将字符串转换成gb2312或者utf-8编码的参数(js版)
Apr 10 Javascript
今天抽时间给大家整理jquery和ajax的相关知识
Nov 17 Javascript
详解Javascript继承的实现
Mar 25 Javascript
一道面试题引发的对javascript类型转换的思考
Mar 06 Javascript
Vue.directive自定义指令的使用详解
Mar 10 Javascript
详解Angular2 关于*ngFor 嵌套循环
May 22 Javascript
使用JavaScript实现在页面中显示距离2017年中秋节的天数
Sep 26 Javascript
详解Vue This$Store总结
Dec 17 Javascript
vue.js this.$router.push获取不到params参数问题
Mar 03 Javascript
详解Vue Cli浏览器兼容性实践
Jun 08 Javascript
vue单应用在ios系统中实现微信分享功能操作
Sep 07 Javascript
微信小程序实现聊天室功能
Jun 14 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错误和异长常处理总结
2014/03/06 PHP
PHP滚动日志的代码实现
2015/06/10 PHP
PHP限制HTML内容中图片必须是本站的方法
2015/06/16 PHP
orm获取关联表里的属性值
2016/04/17 PHP
laravel配置Redis多个库的实现方法
2019/04/10 PHP
PHP7 参数处理机制修改
2021/03/09 PHP
JS JavaScript获取Url参数,src属性参数
2021/03/09 Javascript
基于Jquery的动态创建DOM元素的代码
2010/12/28 Javascript
jquery表格内容筛选实现思路及代码
2013/04/16 Javascript
基于JavaScript实现瀑布流布局(二)
2016/01/26 Javascript
Bootstrap modal使用及点击外部不消失的解决方法
2016/12/13 Javascript
javascript显示系统当前时间代码
2016/12/29 Javascript
NodeJs搭建本地服务器之使用手机访问的实例讲解
2018/05/12 NodeJs
this在vue和小程序中的使用详解
2019/01/28 Javascript
js如何获取访问IP、地区、当前操作浏览器
2019/07/23 Javascript
Flutter 超实用简单菜单弹出框 PopupMenuButton功能
2019/08/06 Javascript
JavaScript RegExp 对象用法详解
2019/09/24 Javascript
VUE渲染后端返回含有script标签的html字符串示例
2019/10/28 Javascript
vue 指令和过滤器的基本使用(品牌管理案例)
2019/11/04 Javascript
Vue数据双向绑定底层实现原理
2019/11/22 Javascript
VUE中鼠标滚轮使div左右滚动的方法详解
2020/12/14 Vue.js
老生常谈python中的重载
2018/11/11 Python
python实现坦克大战游戏 附详细注释
2020/03/27 Python
Python绘制二维曲线的日常应用详解
2019/12/04 Python
PyCharm汉化安装及永久激活详细教程(靠谱)
2020/01/16 Python
Python 2种方法求某个范围内的所有素数(质数)
2020/01/31 Python
Python猜数字算法题详解
2020/03/01 Python
keras输出预测值和真实值方式
2020/06/27 Python
Python如何发送与接收大型数组
2020/08/07 Python
软件缺陷的分类都有哪些
2014/08/22 面试题
商务英语专业应届毕业生求职信
2013/10/28 职场文书
自查自纠工作总结
2014/10/15 职场文书
民政工作个人总结
2015/02/28 职场文书
应届毕业生自荐信
2015/03/04 职场文书
趣味运动会加油词
2015/07/18 职场文书
通过Python把学姐照片做成拼图游戏
2022/02/15 Python