分享使用JS获得radio及select当前选中的值的详解.docx

本文主要和大家分享一下js的编程经验，如何使用js来获取radio和select当前选中的值，也是挺常用的功能。开始吧。前台HTML代码：Code []!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=/1999/xhtmlheadtitleUse JavaScript to get radio and select value/titlescript type=text/javascript src=/../JSUtils.js/script/headbodyfieldsetlegendGet Radio Value/legendinput name=Radio type=radio value=male/Maleinput name=Radio type=radio value=female/Femaleinput name=GetRadioValue type=button onclick=alert(JS.GetRadioValue(Radio)); value=Get radio value//fieldsetfieldsetlegendGet Select Value/legendselect id=Select name=SelectoptionSelect a number/optionoption value=00/optionoption value=11/optionoption value=22/option/selectinput name=GetSelectValue type=button onclick=alert(JS.GetSelectValue(Select)) value=Get select value//fieldset/body/html效果如下：?下面是JS代码：Code []var JS = { //我喜欢把一些相关的方法写到一个静态JS对象里 我认为这样会使VS得智能感知对我们比较友善//如果对封装不明白的请看这里IsNullOrEmpty:function(str){ //这是一个工具方法，用来判断一个字符串是否未定义，或为空，或为空字符串if(typeof(str)==undefined) returntrue; //这具如果有疑问的话 可以看我下面的说明if(str==null) returntrue;if(str==) returntrue;returnfalse; },//IsNullOrEmpty GetRadioValue:function(radioName) //获得单选框当前选中的值的方法，//为了方便以后使用 所以我把 单选框的Name属性作为了一个参数 {var radios = document.getElementsByName(radioName);//这里我们用 getElementsByName 来获得所有的单选框，因为单选框一般都是2个或2个以上为一组出现的for(var i = 0 ; i radios.length;i )//遍历丫的。。。 {var radio = radios.item(i);//这里也可以写成 var radio = radios[i]//但是我在下面提出了一个疑问 希望高手解答if(radio.checked) {if(JS.IsNullOrEmpty(radio.value)) return undefined;//无论当前选中的值是 未定义还是空还是空字符串//我都把他们的返回值统一设置为 undefined//我觉得这样做的话，以后使用这个方法的时候比较方便return radio.value; } }return undefined;//最后 如果没有任何一个单选框被选中的话 返回 undefined },//GetRadioValue GetSelectValue:function(selectId)//获得下拉列表当前选中的值的方法，//为了方便以后使用 所以我把 下拉列表的ID属性作为了一个参数{var select = document.getElementById(selectId);var options = select.options;//这样可以让我们获得该下拉列表的所有选项for(var