脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS获取下拉框显示值和判断单选按钮

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

 更新时间：2015年07月09日 17:19:52   作者：chunxia  
这篇文章主要介绍了JS获取下拉框显示值和判断单选按钮的方法,实例分析了javascript针对html下拉框及单选按钮的相关操作技巧,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • Immutable 在 JavaScript 中的应用

    Immutable 在 JavaScript 中的应用

    在 JavaScript 中，对象是引用类型的数据，其优点在于频繁的修改对象时都是在原对象的基础上修改，并不需要重新创建，这样可以有效的利用内存，不会造成内存空间的浪费，对象的这种特性可以称之为 Mutable，中文的字面意思是「可变」
    2016-05-05
  • Ajax使用原生态JS验证用户名是否存在

    Ajax使用原生态JS验证用户名是否存在

    这篇文章主要为大家详细介绍了Ajax使用原生态JS验证用户名是否存在的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-09-09
  • uniapp实现全局变量的几种方式总结

    uniapp实现全局变量的几种方式总结

    这里说全局变量,着重指的是能够全局动态响应的情况,下面这篇文章主要给大家介绍了关于uniapp实现全局变量的几种方式,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-10-10
  • IE下通过JS控制剪贴板的代码

    IE下通过JS控制剪贴板的代码

    javascript可以轻松操作客户端剪贴板内容，不过只适用IE5以上浏览器
    2009-08-08
  • ECharts数据可视化基本使用之常用图表类型

    ECharts数据可视化基本使用之常用图表类型

    这篇文章主要给大家介绍了关于ECharts数据可视化基本使用之常用图表类型的相关资料,echarts是一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表,需要的朋友可以参考下
    2023-11-11
  • ES6 Object.assign()的用法及其使用

    ES6 Object.assign()的用法及其使用

    这篇文章主要介绍了ES6 Object.assign()的用法及其使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-01-01
  • javascript 网页进度条简单实例

    javascript 网页进度条简单实例

    这篇文章主要介绍了javascript 网页进度条简单实例的相关资料,需要的朋友可以参考下
    2017-02-02
  • js parseInt("08")未指定进位制问题

    js parseInt("08")未指定进位制问题

    今天在做JS关于月份的判断，对于parseInt("01")到parseInt("07");都能得到正确的结果，但如果是parseInt("08")或parseInt("09")则返回0，首先看parseInt语法：parseInt(string, radix);
    2010-06-06
  • 屏蔽网页右键复制和ctrl+c复制的js代码

    屏蔽网页右键复制和ctrl+c复制的js代码

    解决的方法就是直接把网页保存下来然后删掉下面这段js代码，然后就可以正常用右键菜单,也可以通过设置浏览器的安全级别到最高级别来解决问题
    2013-01-01
  • 浅谈webpack对样式的处理

    浅谈webpack对样式的处理

    这篇文章主要介绍了浅谈webpack对样式的处理，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-01-01

最新评论