您当前的位置: 首页 > 学无止境 > JS经典实例 网站首页JS经典实例
js获取单选框里面的值
发布时间:2015-04-28 19:22:40编辑:雪饮阅读()
如题,如果想获取单选框里面的值,该如何获取呢。
<script>
window.onload = function(){ //通过名字获取 getElementsByName //var obj = document.getElementsByName("fruit"); //通过标签获取 getElementsByTagName var obj = document.getElementsByTagName("input"); for(var i=0; i<obj.length; i ++){ if(obj[i].checked){ alert(obj[i].value); } } } </script> <form> <input type="radio" name ="fruit" value="apple" checked>苹果 <input type="radio" name ="fruit" value="banana">香蕉 <input type="radio" name ="fruit" value="pear">梨 </form>
知识点:
1,通过元素的名字获取元素列表
var obj = document.getElementsByName("fruit");
2,通过标签的名字获取元素列表
var obj = document.getElementsByTagName("input");
3,是否选中
obj[i].checked;
4,单选框里面的值
obj[i].value;
千里之行,始于足下。改变将来,从现在开始。改变现在,就是改变未来。 雪饮个人博客网址:http://www.wangkongming.cn
关键字词:js,单选框,个人博客
上一篇:js获取display属性值