JS获取下拉框显示值和判断单选按钮的方法


Posted in Javascript onJuly 09, 2015

本文实例讲述了JS获取下拉框显示值和判断单选按钮的方法。分享给大家供大家参考。具体如下:

1.本人做过很多项目,都需要得到select组件显示的值。下面是我经常用到的方法:

Html源码如下:

<html><body>
<select id="province" name="province" >
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">江苏</option>
<option value="4">河北</option>
</select>
<br/>
<input type="text" id="provinceName" name="provinceName"/>
<input type="button" onClick="setTxt()" value="赋值"/>
</body></html>

JS函数如下:

function setTxt()
{
 var _selObj=document.getElementByIdx_xx('province');//取下拉框的元素
 var _selVal=_selObj[_selObj.selectedIndex].text;//取下拉框被选中的值
 document.getElementByIdx_xx('provinceName').value=_selVal;
}

2.本人也做过很多判断radio单选按钮是否被选中的情况,下面是我常用到得方法:

HTML页面源码如下:

<html><body>
<input type="radio" name="time" value="2009-05-20"/>2009-05-20
<input type="radio" name="time" value="2009-05-21"/>2009-05-21
<input type="radio" name="time" value="2009-05-22"/>2009-05-22
<input type="radio" name="time" value="2009-05-23"/>2009-05-23
<input type="button" value="判断是否选择" onclick="alert(judge())"/>
</body></html>

JS函数代码:

function judge()
{ var status =false;
 var _radObj=document.getElementsByName('time');
 for(var i =0;i<_radObj.length;i++){
  if(_radObj[i].checked){
  status=true;
  }
 }
 if(! status){
  alert('未选中时间!');
 }
 return status;
}

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
清空上传控件input file的值
Jul 03 Javascript
javascript SpiderMonkey中的函数序列化如何进行
Dec 05 Javascript
解决ueditor jquery javascript 取值问题
Dec 30 Javascript
使用window.prompt()实现弹出用户输入的对话框
Apr 13 Javascript
JQuery中层次选择器用法实例详解
May 18 Javascript
jQuery使用$.each遍历json数组的简单实现方法
Apr 18 Javascript
BootStrap智能表单demo示例详解
Jun 13 Javascript
简单实现jQuery进度条轮播实例代码
Jun 20 Javascript
深入理解JavaScript函数参数(推荐)
Jul 26 Javascript
浅谈js数据类型判断与数组判断
Aug 29 Javascript
js图片延迟加载(Lazyload)三种实现方式
Mar 01 Javascript
JS使用Chrome浏览器实现调试线上代码
Jul 23 Javascript
JavaScript的类型、值和变量小结
Jul 09 #Javascript
JS实现文档加载完成后执行代码
Jul 09 #Javascript
jQuery检测某个元素是否存在代码分享
Jul 09 #Javascript
jquery.map()方法的使用详解
Jul 09 #Javascript
jQuery实现鼠标点击弹出渐变层的方法
Jul 09 #Javascript
javascript+ajax实现产品页面加载信息
Jul 09 #Javascript
浅谈JavaScript中null和undefined
Jul 09 #Javascript
You might like
php实现excel中rank函数功能的方法
2015/01/20 PHP
php微信公众平台示例代码分析(二)
2016/12/06 PHP
PHP实现git部署的方法教程
2017/12/19 PHP
php+ajax实现商品对比功能示例
2019/04/13 PHP
JavaScript CSS菜单功能 改进版
2008/12/20 Javascript
jQuery1.3.2 升级到jQuery1.4.4需要修改的地方
2011/01/06 Javascript
jQuery中获取checkbox选中项等操作及注意事项
2013/11/24 Javascript
深入理解javascript的执行顺序
2014/04/04 Javascript
JS+CSS实现感应鼠标渐变显示DIV层的方法
2015/02/20 Javascript
浅谈JavaScript正则表达式分组匹配
2015/04/10 Javascript
纯js实现重发验证码按钮倒数功能
2015/04/21 Javascript
JS实现仿苹果底部任务栏菜单效果代码
2015/08/28 Javascript
AngularJS上拉加载问题解决方法
2016/05/23 Javascript
详解jQuery插件开发方式
2016/11/22 Javascript
BootStrap 模态框实现刷新网页并关闭功能
2017/01/04 Javascript
jQuery加密密码到cookie的实现代码
2017/04/18 jQuery
cdn模式下vue的基本用法详解
2018/10/07 Javascript
详解多页应用 Webpack4 配置优化与踩坑记录
2018/10/16 Javascript
jQuery实现的卷帘门滑入滑出效果【案例】
2019/02/18 jQuery
JavaScript 预解析的4种实现方法解析
2019/09/03 Javascript
JS设置自定义快捷键并实现图片上下左右移动
2019/10/17 Javascript
Openlayers+EasyUI Tree动态实现图层控制
2020/09/28 Javascript
[01:13]这,就是刀塔
2014/07/16 DOTA
[01:36:17]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第一场 1月31日
2021/03/11 DOTA
Python 拷贝对象(深拷贝deepcopy与浅拷贝copy)
2008/09/06 Python
Python深入学习之内存管理
2014/08/31 Python
Python中使用wxPython开发的一个简易笔记本程序实例
2015/02/08 Python
python的依赖管理的实现
2019/05/14 Python
详解Python中的各种转义符\n\r\t
2019/07/10 Python
Python手动或自动协程操作方法解析
2020/06/22 Python
CK加拿大官网:Calvin Klein加拿大
2020/03/14 全球购物
2014年手术室工作总结
2014/11/26 职场文书
面试感谢信范文
2015/01/22 职场文书
2016秋季运动会开幕词
2016/03/04 职场文书
《最终幻想14》6.01版本4月5日推出 追加新任务新道具
2022/04/03 其他游戏
vue自定义右键菜单之全局实现
2022/04/09 Vue.js