<!DOCTYPE html>

<html>

<body>

<script type="text/javascript">

function select_patten(value)

{

  // varvalue=document.getElementsByName(text).value;

  //  alert('hello');

  alert(value);

}

</script>

//下面这样的方式仅仅能获得单个单选button的value,并不能推断出来是哪个单选button被选中

<script type="text/javascript">

function get_value_byid()

{

var value1=document.getElementById('apple').value;

var value2=document.getElementById('banana').value;          

  alert(value1);

  alert(value2);

}

</script>

<script type="text/javascript">

function get_value_byname()

{

var obj=document.getElementsByName('vehicle'); 

var i;

for(i = 0; i < obj.length; i++)

  {

  if(obj[i].checked)

      {

        alert(obj[i].value);

      }

}        

}

</script>

<table>

<tr>

<td><input type=radio name=text id='text' value='text' checked=checked onclick=select_patten(this.value)>文本</td>

<td></td><td></td>

<td><input type=radio name='text' id='file'  value='file' onclick=select_patten(this.value)>文件</td>

</tr>

<tr>

<td><input type=radio id='apple' name='fruit' value='apple' checked=checked onclick=get_value_byid()>苹果</td>

<td></td><td></td>

<td><input type=radio id='banana' name='fruit' value='banana' onclick=get_value_byid()>香蕉</td>

</tr>

<tr>

<td><input type=radio id='car' name='vehicle' value='car' checked=checked onclick=get_value_byname()>汽车</td>

<td></td><td></td>

<td><input type=radio id='bycicle'name='vehicle' value='bycicle' onclick=get_value_byname()>自行车</td>

</tr>

</table>

</body>

</html>

js获取单选button的值的更多相关文章

  1. js获取单选框的值

    js获取单选框的值 var lx= $("input[name='lx']:checked").val();

  2. jquery获取单选button选中的值

    在页面上单选button的代码: <s:iterator value="@com.hljw.cmeav.util.CmeavGlobal@isComMap"> < ...

  3. jquery 如何获取单选框的值

    jquery 如何获取单选框的值   获取单选框的值有三种方式: 1.$('input:radio:checked').val():2.$("input[type='radio']:chec ...

  4. js 获取单选框和复选框的值和js dom方法给单选框和多选框赋值

    获取单选框框值的方法 function getRadioRes(Name){ var rdsObj = document.getElementsByName(Name); var checkVal = ...

  5. js获取单选框里面的值

    rt,如果想获取单选框里面的值,该如何获取呢. <script> window.onload = function(){ //通过名字获取 getElementsByName //var ...

  6. js获取单选框radio的值

    遇到一个js获取radio值的问题,原来根据frm.type.value取到的值在ie下是空值 解决办法:type为每个radio的值 var chkObjs=document.getElements ...

  7. 每日学习心得：Js获取Checkboxlist所选值、instanceof 和typeof区别、为Array添加contains方法

    2013-11-24 前言: 上周在工作中遇到了一些跟JS以及前台交互的问题,虽然算不上多么高深,但是在解决时也走了一些弯路,所以就总结一下. 1.    JS获取checkboxList所选的值 这 ...

  8. JS获取select选中的值，所有option值

    <select name="myselect" id="myselect"> <option value="2042"&g ...

  9. 通过js获取tinymce4.x的值

    问题的引出: 在使用过程中,用传统的js的方法判断tinymce所选textarea(下面直接称textarea)的值是会出现这样的问题的: 在已有输入内容时,首次提交的时候,依然会弹出js写的警告提 ...

随机推荐

  1. qduoj~前端~二次开发

    青岛大学qdu的onlinejudge是js的写的前端,框架是vue.js,在nodejs上部署运行,其实整体运行还是建立在docker的容器虚拟环境里,这里暂时不需要docker.安装环境是Ubun ...

  2. HYSBZ1061题解

  3. Object-C,循环语句for,while,do-while

    演示循环语句,for,while,do-while,和C系列的语言,语法基本一致1到10,求和 // // main.m // for-while // // Created by fansunion ...

  4. UML 绘图关系

    1 继承         子类继承父类   2 实现         实现类实现接口 3 依赖 (偶然.临时.比较弱关联)     类 A 使用了类 B,如果类 B 产生变化将会影响类A       ...

  5. hadoop云盘client的设计与实现（一）

    近期在hadoop云盘client项目.在做这个项目曾经对hadoop是一点都不了解呀,在网上查了好久.将client开发的是非常少的,在做这个项目的过程中遇到非常多奇葩的问题. 并且试图换过好多方案 ...

  6. 用Hexo搭建个人博客

    博客地址: http://astraylinux.com/ 文章地址: http://astraylinux.com/2015/06/02/linux-Init-Hexo/ Step 1 Instal ...

  7. 关于jacob支持BSTR类型的经验总结

    作者:朱金灿 来源:http://blog.csdn.net/clever101 jacob是实现Java和COM之间互操作的一个开源中间件.网上大多的程序示例基本上是使用jacob调用微软的offi ...

  8. XML之序列化C#实体类，DataTable，List

    1. static void Main(string[] args) { #region 实体类 Request patientIn = new Request(); patientIn.System ...

  9. 推荐学习《算法之美：指导工作与生活的算法》中文PDF+英文PDF

    我们所有人的生活都受到有限空间和有限时间的限制,因此常常面临一系列难以抉择的问题.在一天或者一生的时光里,哪些事是我们应该做的,哪些是应该放弃的?我们对杂乱无序的容忍底线是什么?新的活动与熟悉并喜爱的 ...

  10. tcpg通信

    1.客户端 from socket import * def main(): # 创建套接字 tcp_socket = socket(AF_INET,SOCK_STREAM) # 链接服务端 ip = ...