快捷導(dǎo)航

JS獲取下拉框顯示值和判斷單選按鈕的方法

更新時(shí)間：2015年07月09日 17:19:52 作者：chunxia

這篇文章主要介紹了JS獲取下拉框顯示值和判斷單選按鈕的方法,實(shí)例分析了javascript針對(duì)html下拉框及單選按鈕的相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了JS獲取下拉框顯示值和判斷單選按鈕的方法。分享給大家供大家參考。具體如下：

1.本人做過(guò)很多項(xiàng)目，都需要得到select組件顯示的值。下面是我經(jīng)常用到的方法：

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函數(shù)如下：

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

2.本人也做過(guò)很多判斷radio單選按鈕是否被選中的情況，下面是我常用到得方法：

HTML頁(yè)面源碼如下：

<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函數(shù)代碼：

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('未選中時(shí)間!');
 }
 return status;
}

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

Immutable 在 JavaScript 中的應(yīng)用
在 JavaScript 中，對(duì)象是引用類(lèi)型的數(shù)據(jù)，其優(yōu)點(diǎn)在于頻繁的修改對(duì)象時(shí)都是在原對(duì)象的基礎(chǔ)上修改，并不需要重新創(chuàng)建，這樣可以有效的利用內(nèi)存，不會(huì)造成內(nèi)存空間的浪費(fèi)，對(duì)象的這種特性可以稱(chēng)之為 Mutable，中文的字面意思是「可變」
2016-05-05
Ajax使用原生態(tài)JS驗(yàn)證用戶(hù)名是否存在
這篇文章主要為大家詳細(xì)介紹了Ajax使用原生態(tài)JS驗(yàn)證用戶(hù)名是否存在的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-09-09
uniapp實(shí)現(xiàn)全局變量的幾種方式總結(jié)
這里說(shuō)全局變量,著重指的是能夠全局動(dòng)態(tài)響應(yīng)的情況,下面這篇文章主要給大家介紹了關(guān)于uniapp實(shí)現(xiàn)全局變量的幾種方式,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-10-10
IE下通過(guò)JS控制剪貼板的代碼
javascript可以輕松操作客戶(hù)端剪貼板內(nèi)容，不過(guò)只適用IE5以上瀏覽器
2009-08-08
ECharts數(shù)據(jù)可視化基本使用之常用圖表類(lèi)型
這篇文章主要給大家介紹了關(guān)于ECharts數(shù)據(jù)可視化基本使用之常用圖表類(lèi)型的相關(guān)資料,echarts是一款基于JavaScript的數(shù)據(jù)可視化圖表庫(kù),提供直觀,生動(dòng),可交互,可個(gè)性化定制的數(shù)據(jù)可視化圖表,需要的朋友可以參考下
2023-11-11
ES6 Object.assign()的用法及其使用
這篇文章主要介紹了ES6 Object.assign()的用法及其使用，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-01-01
javascript 網(wǎng)頁(yè)進(jìn)度條簡(jiǎn)單實(shí)例
這篇文章主要介紹了javascript 網(wǎng)頁(yè)進(jìn)度條簡(jiǎn)單實(shí)例的相關(guān)資料,需要的朋友可以參考下
2017-02-02
js parseInt("08")未指定進(jìn)位制問(wèn)題
今天在做JS關(guān)于月份的判斷，對(duì)于parseInt("01")到parseInt("07");都能得到正確的結(jié)果，但如果是parseInt("08")或parseInt("09")則返回0，首先看parseInt語(yǔ)法：parseInt(string, radix);
2010-06-06
屏蔽網(wǎng)頁(yè)右鍵復(fù)制和ctrl+c復(fù)制的js代碼
解決的方法就是直接把網(wǎng)頁(yè)保存下來(lái)然后刪掉下面這段js代碼，然后就可以正常用右鍵菜單,也可以通過(guò)設(shè)置瀏覽器的安全級(jí)別到最高級(jí)別來(lái)解決問(wèn)題
2013-01-01
淺談webpack對(duì)樣式的處理
這篇文章主要介紹了淺談webpack對(duì)樣式的處理，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-01-01