用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 判断函数类型完美解决方案
Sep 02 Javascript
jquery表格内容筛选实现思路及代码
Apr 16 Javascript
JavaScript实现的in_array函数
Aug 27 Javascript
JS实现的简洁二级导航菜单雏形效果
Oct 13 Javascript
JavaScript精炼之构造函数 Constructor及Constructor属性详解
Nov 05 Javascript
jQuery实现div拖拽效果实例分析
Feb 20 Javascript
浅析JS获取url中的参数实例代码
Jun 14 Javascript
基于ES6 Array.of的用法(实例讲解)
Sep 05 Javascript
React-Router如何进行页面权限管理的方法
Dec 06 Javascript
vue.js 2.*项目环境搭建、运行、打包发布的详细步骤
May 01 Javascript
基于Vue SEO的四种方案(小结)
Jul 01 Javascript
JSON获取属性值方法代码实例
Jun 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
实现 win2003 下 mysql 数据库每天自动备份
2006/12/06 PHP
10条PHP高级技巧[修正版]
2011/08/02 PHP
PHP备份数据库生成SQL文件并下载的函数代码
2012/02/05 PHP
PHP版微信公众平台红包API
2015/04/02 PHP
php实现表单提交上传文件功能
2018/05/28 PHP
PHP实现chrome表单请求数据转换为接口使用的json数据
2021/03/04 PHP
Prototype使用指南之enumerable.js
2007/01/10 Javascript
关于document.cookie的使用javascript
2010/10/29 Javascript
JavaScript 程序编码规范
2010/11/23 Javascript
仿中关村在线首页弹出式广告插件(jQuery版)
2012/05/03 Javascript
javascript闭包入门示例
2014/04/30 Javascript
Node.js程序中的本地文件操作用法小结
2016/03/06 Javascript
很棒的Bootstrap选项卡切换效果
2016/07/01 Javascript
Javascript学习之谈谈JS的全局变量跟局部变量(推荐)
2016/08/28 Javascript
jQuery使用getJSON方法获取json数据完整示例
2016/09/13 Javascript
JavaScript中的ajax功能的概念和示例详解
2016/10/17 Javascript
jquery中关于bind()方法的使用技巧分享
2017/03/30 jQuery
Angular4绑定html内容出现警告的处理方法
2017/11/03 Javascript
jQuery实现动态控制页面元素的方法分析
2017/12/20 jQuery
详解如何在微信小程序中愉快地使用sass
2018/07/30 Javascript
微信小程序中使用wxss加载图片并实现动画效果
2018/08/13 Javascript
vue+element-ui动态生成多级表头的方法
2018/08/28 Javascript
react的滑动图片验证码组件的示例代码
2019/02/27 Javascript
vue路由跳转传递参数的方式总结
2020/05/10 Javascript
[01:02:38]DOTA2-DPC中国联赛定级赛 LBZS vs Phoenix BO3第二场 1月10日
2021/03/11 DOTA
Python增强赋值和共享引用注意事项小结
2019/05/28 Python
Python 的AES加密与解密实现
2019/07/09 Python
Python MongoDB 插入数据时已存在则不执行,不存在则插入的解决方法
2019/09/24 Python
python opencv实现信用卡的数字识别
2020/01/12 Python
Python如何用filter函数筛选数据
2020/03/05 Python
收藏!10个免费高清视频素材网站!【设计、视频剪辑必备】
2021/03/18 杂记
Subside Sports德国:足球球衣和球迷商品
2019/06/08 全球购物
网络编辑岗位职责
2014/03/18 职场文书
产品质量保证书
2014/04/29 职场文书
2014年高中班主任工作总结
2014/11/08 职场文书
优秀少先队员事迹材料
2014/12/24 职场文书