当前位置: 首页 > 编程笔记 >

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

高皓
2023-03-14
本文向大家介绍JS获取下拉框显示值和判断单选按钮的方法,包括了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程序设计有所帮助。

 类似资料:
  • 本文向大家介绍js简单获取表单中单选按钮值的方法,包括了js简单获取表单中单选按钮值的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js简单获取表单中单选按钮值的方法。分享给大家供大家参考,具体如下: HTML部分如下: JS代码如下: 更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总

  • 问题内容: 如何设置HTML复选框,单选按钮和下拉菜单的样式?可以吗 我想为复选框或单选按钮使用图像,对列表使用相同的图像-下拉箭头在大多数情况下看起来不太好。 问题答案: 请参阅jQuery插件的2个链接(用于样式化复选框和单选按钮): http://line25.com/articles/jquery-plugins-for-styling-checkbox-radio- buttons ht

  • 本文向大家介绍js使用DOM设置单选按钮、复选框及下拉菜单的方法,包括了js使用DOM设置单选按钮、复选框及下拉菜单的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js使用DOM设置单选按钮、复选框及下拉菜单的方法。分享给大家供大家参考。具体实现方法如下: 1.设置单选按钮 单选按钮在表单中即<input type="radio" />它是一组供用户选择的对象,但每次只能选一个。每一

  • 本文向大家介绍利用js获取下拉框中所选的值,包括了利用js获取下拉框中所选的值的使用技巧和注意事项,需要的朋友参考一下 现在的需求是:下拉框中要是选择加盟商让其继续选择学校,要是选择平台管理员则不需要选择学校。隐藏选择下拉列表。 选择枚举值: 代码:     先让学校列表隐藏,style=”display:none”;效果和下图一样。我们利用下拉框的onChange事件来让其执行设定的方法show

  • 此表单在基于函数的视图中显示单选按钮,但在我引入基于类的视图时更改为复选框,有什么解决办法。我希望他们再次显示单选按钮 表单.py models.py 模板 views.py

  • 本文向大家介绍js实现不提交表单获取单选按钮值的方法,包括了js实现不提交表单获取单选按钮值的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现不提交表单获取单选按钮值的方法。分享给大家供大家参考。具体如下: 这是JS实现的特效,不提交表单获取相关的控件值。如本例所示,不提交表单即可获取单选按钮的值。 运行效果截图如下: 在线演示地址如下: http://demo.jb51.ne