JS获取下拉框显示值和判断单选按钮的方法_javascript技巧-js教程-PHP中文网

首页

web前端

js教程

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 03:50 PM

js 下拉框判断单选按钮获取

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

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

热AI工具

热工具

热门话题

Java教程

1664

CakePHP 教程

1423

Laravel 教程

1320

PHP教程

1269

C# 教程

1249

显示更多

Related knowledge

推荐：优秀JS开源人脸检测识别项目 Apr 03, 2024 am 11:55 AM

人脸检测识别技术已经是一个比较成熟且应用广泛的技术。而目前最为广泛的互联网应用语言非JS莫属，在Web前端实现人脸检测识别相比后端的人脸识别有优势也有弱势。优势包括减少网络交互、实时识别，大大缩短了用户等待时间，提高了用户体验；弱势是：受到模型大小限制，其中准确率也有限。如何在web端使用js实现人脸检测呢？为了实现Web端人脸识别，需要熟悉相关的编程语言和技术，如JavaScript、HTML、CSS、WebRTC等。同时还需要掌握相关的计算机视觉和人工智能技术。值得注意的是，由于Web端的计

谷歌安全码在哪里获取 Mar 30, 2024 am 11:11 AM

谷歌验证器是一种用于保护用户账户安全的工具，其密钥是用于生成动态验证码的重要信息。如果忘记了谷歌验证器的密钥，只能通过安全码进行验证，那么下文本站小编就将为大家带来谷歌安全码在哪里获取的详细内容介绍，希望能帮助到大家，想要了解的用户们就请跟着下文继阅读吧！首先打开手机设置，进入设置页面。下拉页面，找到Google。进入Google页面，点击Google账号。进入账号页面，点击验证码下方的查看。输入密码或者使用指纹验证身份。获得Google安全码，利用安全码验证谷歌身份。

简易JavaScript教程：获取HTTP状态码的方法 Jan 05, 2024 pm 06:08 PM

JavaScript教程：如何获取HTTP状态码，需要具体代码示例前言：在Web开发中，经常会涉及到与服务器进行数据交互的场景。在与服务器进行通信时，我们经常需要获取返回的HTTP状态码来判断操作是否成功，根据不同的状态码来进行相应的处理。本篇文章将教你如何使用JavaScript获取HTTP状态码，并提供一些实用的代码示例。使用XMLHttpRequest

js和vue的关系 Mar 11, 2024 pm 05:21 PM

js和vue的关系：1、JS作为Web开发基石；2、Vue.js作为前端框架的崛起；3、JS与Vue的互补关系；4、JS与Vue的实践应用。

Go语言中如何判断日期是否为前一天？ Mar 24, 2024 am 10:09 AM

题目：Go语言中如何判断日期是否为前一天？在日常开发中，经常会遇到需要判断日期是否为前一天的情况。在Go语言中，我们可以通过时间计算来实现这个功能。下面将结合具体的代码示例来演示如何在Go语言中判断日期是否为前一天。首先，我们需要导入Go语言中的时间包，代码如下：import("time")接着，我们定义一个函数IsYest

快速获取屏幕高度的jQuery技巧 Feb 24, 2024 pm 06:30 PM

jQuery技巧：快速获取屏幕高度的实现方式在网页开发中，经常会遇到需要获取屏幕高度的情况，比如实现响应式布局、动态计算元素尺寸等。而使用jQuery可以很便捷地实现获取屏幕高度的功能。下面就来介绍一些使用jQuery快速获取屏幕高度的实现方式，并附上具体的代码示例。方法一：使用jQuery的height()方法获取屏幕高度通过使用jQuery的height

jQuery使用实践：判断变量是否为空的几种方式 Feb 27, 2024 pm 04:12 PM

jQuery是一个广泛应用于Web开发中的JavaScript库，它提供了许多简洁方便的方法来操作网页元素和处理事件。在实际开发中，经常会遇到需要判断变量是否为空的情况。本文将介绍使用jQuery判断变量是否为空的几种常用方法，并附上具体的代码示例。方法一：使用if语句判断varstr="";if(str){co

真我 12 Pro怎么安装双卡？ Mar 18, 2024 pm 02:10 PM

虽然说国产手机的大致操作是很相似的，但是在有的细节上面还是会有些区别的，比如说不同的手机型号和制造商可能会有不同的双卡安装方式。二真我12Pro这款新手机也是支持双卡双待的，但是这款手机具体又应该怎么安装双卡呢？真我12Pro怎么安装双卡？在安装之间记得先把手机关机哟。步骤一查找SIM卡托盘：查找手机的SIM卡托盘,通常，在真我12Pro中，SIM卡托盘位于手机的侧边或顶部。步骤二插入第一张SIM卡，使用专用的SIM卡针或一个细小的物体，将其插入SIM卡托盘中的开槽,然后，将第一张SIM卡小心地

See all articles

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

热AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

热门文章

热工具

记事本++7.3.1

SublimeText3汉化版

禅工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

热门话题