用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 while语句和do while语句的区别分析
Dec 08 Javascript
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.3
Mar 22 Javascript
jQuery的三种$()
Dec 30 Javascript
js 剪切板应用clipboardData详细解析
Dec 17 Javascript
分享20款美化网站的 jQuery Lightbox 灯箱插件
Oct 10 Javascript
ztree获取选中节点时不能进入可视区域出现BUG如何解决
Dec 03 Javascript
详解node HTTP请求客户端 - Request
May 05 Javascript
关于Angular2 + node接口调试的解决方案
May 28 Javascript
jQuery获取table表中的td标签(实例讲解)
Jul 28 jQuery
一文让你彻底搞清楚javascript中的require、import与export
Sep 24 Javascript
vue同步父子组件和异步父子组件的生命周期顺序问题
Oct 07 Javascript
vue 中使用 watch 出现了如下的报错的原因分析
May 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
PHP排序算法之堆排序(Heap Sort)实例详解
2018/04/21 PHP
php微信公众号开发之翻页查询
2018/10/20 PHP
JS setCapture 区域外事件捕捉
2010/03/18 Javascript
javascript中节点的最近的相关节点访问方法
2013/03/20 Javascript
jQuery登陆判断简单实现代码
2013/04/21 Javascript
jquery如何获取复选框的值
2013/12/12 Javascript
JS操作iframe里的dom(实例讲解)
2014/01/29 Javascript
JavaScript实现按照指定长度为数字前面补零输出的方法
2015/03/19 Javascript
jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
2015/08/26 Javascript
关于ES6的六个小特性(二)
2017/02/20 Javascript
jQuery插件echarts实现的多折线图效果示例【附demo源码下载】
2017/03/04 Javascript
微信小程序 swiper组件构建轮播图的实例
2017/09/20 Javascript
详解JavaScript基础知识(JSON、Function对象、原型、引用类型)
2018/01/16 Javascript
vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法
2018/07/12 Javascript
Vue 通过自定义指令回顾v-内置指令(小结)
2018/09/03 Javascript
vue 纯js监听滚动条到底部的实例讲解
2018/09/03 Javascript
vue + typescript + 极验登录验证的实现方法
2019/06/27 Javascript
微信小程序实现日历小功能
2020/11/18 Javascript
Python验证码识别的方法
2015/07/10 Python
Windows下将Python文件打包成.EXE可执行文件的方法
2018/08/03 Python
Python3爬虫爬取英雄联盟高清桌面壁纸功能示例【基于Scrapy框架】
2018/12/05 Python
如何用Python来搭建一个简单的推荐系统
2019/08/07 Python
TensorFlow获取加载模型中的全部张量名称代码
2020/02/11 Python
Windows下Anaconda安装、换源与更新的方法
2020/04/17 Python
TensorFlow的reshape操作 tf.reshape的实现
2020/04/19 Python
Python实现王者荣耀自动刷金币的完整步骤
2021/01/22 Python
html5 localStorage本地存储_动力节点Java学院整理
2017/07/06 HTML / CSS
Html5实现单张、多张图片上传功能
2019/04/28 HTML / CSS
浅谈移动端网页图片预加载方案
2018/11/05 HTML / CSS
GAZMAN官网:澳大利亚领先的男装品牌
2019/12/19 全球购物
迪斯尼假期(欧洲、中东及非洲):Disney Holidays EMEA
2021/02/15 全球购物
团员的自我评价
2013/12/01 职场文书
大学毕业自我鉴定范文
2014/02/03 职场文书
化学教育专业自荐信
2014/07/04 职场文书
办公室岗位职责
2015/02/04 职场文书
实习员工转正的评语汇总,以备不时之需
2019/12/17 职场文书