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

本文主要和大家分享一下js的编程经验，如何使用js来获取radio和select当前选中的值，也是挺常用的功能。开始吧。前台HTML代码：Code Use JavaScript to get radio and select value Get Radio Value Male Female Get Select Value Select a number 0 1 2 效果如下：下面是JS代码：Code var JS = /我喜欢把一些相关的方法写到一个静态JS对象里 我认为这样会使VS得智能感知对我们比较友善 /如果对封装不明白的 请看 这里 IsNullOrEmpty:function(str) /这是一个工具方法，用来判断一个字符串是否未定义，或为空，或为空字符串 if(typeof(str)=undefined) return true; /这具如果有疑问的话 可以看我下面的说明 if(str=null) return true; if(str=) return true; return false; ,/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 = radiosi /但是我在下面提出了一个疑问 希望高手解答 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 i = 0 ; ioptions.length ;i )/依然遍历丫的 /之后做的基本和前一个方法一样了 /注意 radio的是否选中 是checked属性 select则是 selected属性 var option = optionsi; if(option.selected) if(JS.IsNullOrEmpty(option.value) return undefined; return option.value; return undefined; /GetSelectValue 关于 underfined:underfined 在 javascript中 表示 未定义。例如：var aaa;alert(aaa);这个时候 就会输出 undefined.但是判断一个变量的值 是否为 underfinded 不能使用aaa=underfined 或者 aaa=underfined 而要使用 typeof(aaa)=underfined;关于radios.item(i)的疑问我们可以对 getElementsByName 返回的集合 使用 radios