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

2024-05-06 16:22:59

字體：大中小

供稿：網(wǎng)友

這篇文章主要介紹了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;

}