广

JavaScript

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

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

    2018-04-09 07:41:15 次阅读 稿源:互联网
    零七广告

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

    零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。

    零七广告
    零七广告
    零七广告
    零七广告