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 相关文章推荐
Javascript写了一个清除“logo1_.exe”的杀毒工具(可扫描目录)
Feb 09 Javascript
ext读取两种结构的xml的代码
Nov 05 Javascript
Python脚本后台运行的几种方式
Mar 09 Javascript
JavaScript动态添加style节点的方法
Jun 09 Javascript
jquery trigger实现联动的方法
Feb 29 Javascript
每日十条JavaScript经验技巧(二)
Jun 23 Javascript
jQuery Validate 数组 全部验证问题
Jan 12 Javascript
React native ListView 增加顶部下拉刷新和底下点击刷新示例
Apr 27 Javascript
傻瓜式vuex语法糖kiss-vuex整理
Dec 21 Javascript
Vue+Koa2 打包后进行线上部署的教程详解
Jul 31 Javascript
react如何快速设置文件路径别名
Apr 28 Javascript
关于JavaScript 中 if包含逗号表达式
Nov 27 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模拟登陆的实现方法分析
2015/01/09 PHP
Laravel 使用查询构造器配合原生sql语句查询的例子
2019/10/12 PHP
多个jquery.datatable共存,checkbox全选异常的快速解决方法
2013/12/10 Javascript
jQuery easyUI datagrid 增加求和统计行的实现代码
2016/06/01 Javascript
js实现固定宽高滑动轮播图效果
2017/01/13 Javascript
Angular JS 生成动态二维码的方法
2017/02/23 Javascript
判断颜色是否合法的正则表达式(详解)
2017/05/03 Javascript
使用JavaScript根据图片获取条形码的方法
2017/07/04 Javascript
vue-resource调用promise取数据方式详解
2017/07/21 Javascript
AngularJS中下拉框的高级用法示例
2017/10/11 Javascript
记录vue做微信自定义分享的一些问题
2019/09/12 Javascript
CountUp.js实现数字滚动增值效果
2019/10/17 Javascript
探索浏览器页面关闭window.close()的使用详解
2020/08/21 Javascript
Python专用方法与迭代机制实例分析
2014/09/15 Python
Python自动调用IE打开某个网站的方法
2015/06/03 Python
python通过robert、sobel、Laplace算子实现图像边缘提取详解
2019/08/21 Python
Python使用Opencv实现图像特征检测与匹配的方法
2019/10/30 Python
python 使用递归实现打印一个数字的每一位示例
2020/02/27 Python
TensorFlow keras卷积神经网络 添加L2正则化方式
2020/05/22 Python
浅谈keras中的目标函数和优化函数MSE用法
2020/06/10 Python
在keras中对单一输入图像进行预测并返回预测结果操作
2020/07/09 Python
最新版 Windows10上安装Python 3.8.5的步骤详解
2020/11/28 Python
PyCharm常用配置和常用插件(小结)
2021/02/06 Python
图片上传插件ImgUploadJS:用HTML5 File API 实现截图粘贴上传、拖拽上传
2016/01/20 HTML / CSS
伦敦新晋轻奢耳饰潮牌:Tada & Toy
2020/05/25 全球购物
最新奶茶店创业计划书
2014/01/25 职场文书
CAD制图人员的自荐信
2014/02/07 职场文书
企业安全生产演讲稿
2014/05/09 职场文书
农业开发项目建议书
2014/05/16 职场文书
学校爱国卫生月活动总结
2014/06/25 职场文书
焦裕禄精神心得体会
2014/09/02 职场文书
办理收楼委托书范本
2014/10/09 职场文书
工作推荐信模板
2015/03/25 职场文书
我的中国梦主题教育活动总结
2015/05/07 职场文书
2015人事行政工作总结范文
2015/05/21 职场文书
MySQL配置主从服务器(一主多从)
2021/08/07 MySQL