用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 相关文章推荐
CSS+JS构建的图片查看器
Jul 22 Javascript
Highslide.js是一款基于js实现的网页中图片展示插件
Mar 30 Javascript
JavaScript 自动分号插入(JavaScript synat:auto semicolon insertion)
Nov 04 Javascript
HTML中的setCapture和releaseCapture使用介绍
Mar 21 Javascript
JS和Jquery获取和修改label的值的示例代码
Jan 15 Javascript
JQuery boxy插件在IE中边角图片不显示问题的解决
May 20 Javascript
实现一个简单的vue无限加载指令方法
Jan 10 Javascript
详解webpack异步加载业务模块
Jun 23 Javascript
JS仿QQ好友列表展开、收缩功能(第一篇)
Jul 07 Javascript
原生JS+CSS实现炫酷重力模拟弹跳系统的登录页面
Nov 01 Javascript
vue 页面加载进度条组件实例
Feb 05 Javascript
javascript中的相等操作符(==与===区别)
Dec 21 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
2020显卡排行榜天梯图 显卡天梯图2020年3月最新版
2020/04/02 数码科技
php中的时间显示
2007/01/18 PHP
PHPThumb图片处理实例
2014/05/03 PHP
ThinkPHP实现多数据库连接的解决方法
2014/07/01 PHP
详解php几行代码实现CSV格式文件输出
2017/07/01 PHP
php7安装yar扩展的方法详解
2017/08/03 PHP
laravel Task Scheduling(任务调度)在windows下的使用详解
2019/10/22 PHP
laravel返回统一格式错误码问题
2019/11/04 PHP
把textarea中字符串里含有的回车换行替换成<br>的javascript代码
2007/04/20 Javascript
使用新的消息弹出框blackbirdjs
2008/10/16 Javascript
基于jquery的滚动新闻列表
2010/06/19 Javascript
js中将具有数字属性名的对象转换为数组
2011/03/06 Javascript
iframe子页面获取父页面元素的方法
2013/11/05 Javascript
jQuery实现自动滚动到页面顶端的方法
2015/05/22 Javascript
jQuery实现带有洗牌效果的动画分页实例
2015/08/31 Javascript
Javascript实现图片懒加载插件的方法
2016/10/20 Javascript
AngularJS表单基本操作
2017/01/09 Javascript
Angular组件化管理实现方法分析
2017/03/17 Javascript
JS移动端/H5同时选择多张图片上传并使用canvas压缩图片
2017/06/20 Javascript
Angular.js中数组操作的方法教程
2017/07/31 Javascript
自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结
2017/08/18 Javascript
vue的for循环使用方法
2019/02/12 Javascript
详解Webpack4多页应用打包方案
2020/07/16 Javascript
JavaScript canvas实现雨滴特效
2021/01/10 Javascript
[01:01:43]EG vs VP 2018国际邀请赛淘汰赛BO3 第二场 8.24
2018/08/25 DOTA
以Python的Pyspider为例剖析搜索引擎的网络爬虫实现方法
2015/03/30 Python
使用Python脚本将Bing的每日图片作为桌面的教程
2015/05/04 Python
完美解决python3.7 pip升级 拒绝访问问题
2019/07/12 Python
美国最佳选择产品网站:Best Choice Products
2019/05/27 全球购物
社会保险接收函
2014/01/12 职场文书
大跃进口号
2014/06/16 职场文书
纪念九一八事变83周年国旗下讲话稿
2014/09/15 职场文书
公司领导九九重阳节发言稿2014
2014/09/25 职场文书
代理词怎么写
2015/05/25 职场文书
婚育证明格式
2015/06/17 职场文书
Python面向对象编程之类的概念
2021/11/01 Python