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

2024-05-06 16:22:59

字体：大中小

来源：转载

供稿：网友

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

}