用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 相关文章推荐
用JQuery调用Session的实现代码
Oct 29 Javascript
JavaScript 参数中的数组展开 [译]
Sep 21 Javascript
JS文本框追加多个下拉框的值的简单实例
Jul 12 Javascript
Jquery 例外被抛出且未被接住原因介绍
Sep 04 Javascript
javascript实现表格排序 编辑 拖拽 缩放
Jan 02 Javascript
详解Angular2中的编程对象Observable
Sep 17 Javascript
weUI应用之JS常用信息提示弹层的封装
Nov 21 Javascript
js将字符串中的每一个单词的首字母变为大写其余均为小写
Jan 05 Javascript
Vue 框架之动态绑定 css 样式实例分析
Nov 14 Javascript
node.js 微信开发之定时获取access_token
Feb 07 Javascript
jQuery插件实现图片轮播效果
Oct 19 jQuery
vue中data改变后让视图同步更新的方法
Mar 29 Vue.js
浅析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环境――Appserv
2006/12/13 PHP
Windows下IIS6/Apache2.2.4+MySQL5.2+PHP5.2.1安装配置方法
2007/05/03 PHP
php获取当前网址url并替换参数或网址的方法
2010/06/06 PHP
变量在 PHP7 内部的实现(一)
2015/12/21 PHP
Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
2011/03/12 Javascript
Nodejs从有门道无门菜鸟起飞必看教程
2016/07/20 NodeJs
微信小程序 swiper组件轮播图详解及实例
2016/11/16 Javascript
Bootstrap基本模板的使用和理解1
2016/12/14 Javascript
Angular实现的敏感文字自动过滤与提示功能示例
2017/12/29 Javascript
vue 中引用gojs绘制E-R图的方法示例
2018/08/24 Javascript
jQuery+PHP+Ajax实现动态数字统计展示功能
2019/12/25 jQuery
vue 自定义组件的写法与用法详解
2020/03/04 Javascript
springboot+vue+对接支付宝接口+二维码扫描支付功能(沙箱环境)
2020/10/15 Javascript
11个Javascript小技巧帮你提升代码质量(小结)
2020/12/28 Javascript
javascript中闭包closure的深入讲解
2021/03/03 Javascript
[02:32]DOTA2亚洲邀请赛 VG战队巡礼
2015/02/03 DOTA
[40:56]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 Liquid vs TNC
2018/04/01 DOTA
Python中__name__的使用实例
2015/04/14 Python
利用python代码写的12306订票代码
2015/12/20 Python
举例讲解Python设计模式编程的代理模式与抽象工厂模式
2016/01/16 Python
Java Web开发过程中登陆模块的验证码的实现方式总结
2016/05/25 Python
Python实现KNN邻近算法
2021/01/28 Python
Python实现的读取文件内容并写入其他文件操作示例
2019/04/09 Python
如何利用Python开发一个简单的猜数字游戏
2019/09/22 Python
tensorflow实现对张量数据的切片操作方式
2020/01/19 Python
python用tkinter实现一个gui的翻译工具
2020/10/26 Python
CSS Grid布局教程之网格单元格布局
2014/12/30 HTML / CSS
香港时尚女装购物网站:ZAFUL
2017/07/19 全球购物
巴西购物网站:Submarino
2020/01/19 全球购物
监理资料员岗位职责
2014/01/03 职场文书
区级文明单位申报材料
2014/05/15 职场文书
2014年乡镇工作总结
2014/11/21 职场文书
全陪导游词
2015/02/04 职场文书
捐书仪式主持词
2015/07/04 职场文书
基层医务人员三严三实心得体会
2016/01/05 职场文书
Pandas实现DataFrame的简单运算、统计与排序
2022/03/31 Python