当前位置: 首页 > news >正文

js获取单选button的值


<!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 οnclick=select_patten(this.value)>文本</td>
<td></td><td></td>
<td><input type=radio name='text' id='file'  value='file' οnclick=select_patten(this.value)>文件</td>
</tr>


<tr>

<td><input type=radio id='apple' name='fruit' value='apple' checked=checked οnclick=get_value_byid()>苹果</td>
<td></td><td></td>
<td><input type=radio id='banana' name='fruit' value='banana' οnclick=get_value_byid()>香蕉</td>
</tr>


<tr>
<td><input type=radio id='car' name='vehicle' value='car' checked=checked οnclick=get_value_byname()>汽车</td>
<td></td><td></td>
<td><input type=radio id='bycicle'name='vehicle' value='bycicle' οnclick=get_value_byname()>自行车</td>
</tr>
</table>
</body>
</html>



转载于:https://www.cnblogs.com/gcczhongduan/p/5151299.html

相关文章:

  • [iOS]把16进制(#871f78)颜色转换UIColor
  • 普通选项卡+自动播放功能+向前/向后按钮 原生js
  • Eclipse不能自动编译 java文件的解决方案
  • 归并排序-就地排序
  • 程序设计第二次作业1
  • 作业一
  • 【数论】关于乘法逆元的证明
  • Python练习:简单停车场(栈)
  • ruby include和exclude区别
  • Javaweb Servlet出现Class xxx is not a servlet错误原因
  • ubuntu 解压
  • Atitit.面向接口的web 原理与设计重写 路由启动绑定配置url router rewriting urlpage  mvc mvp的 java c#.net php js...
  • 【B2B】2015 年B2B的春天
  • php反射方法信息
  • RedHat5.7+ice3.4.2+php5.2.17+nginx1.8.1环境配置
  • [case10]使用RSQL实现端到端的动态查询
  • 《Java8实战》-第四章读书笔记(引入流Stream)
  • 78. Subsets
  • axios 和 cookie 的那些事
  • flutter的key在widget list的作用以及必要性
  • gops —— Go 程序诊断分析工具
  • HTTP传输编码增加了传输量,只为解决这一个问题 | 实用 HTTP
  • Intervention/image 图片处理扩展包的安装和使用
  • iOS动画编程-View动画[ 1 ] 基础View动画
  • MobX
  • Otto开发初探——微服务依赖管理新利器
  • PermissionScope Swift4 兼容问题
  • ubuntu 下nginx安装 并支持https协议
  • 关于for循环的简单归纳
  • 简单易用的leetcode开发测试工具(npm)
  • 两列自适应布局方案整理
  • 聊聊flink的BlobWriter
  • 前端面试之闭包
  • 跳前端坑前,先看看这个!!
  • 想使用 MongoDB ,你应该了解这8个方面!
  • 一个SAP顾问在美国的这些年
  • 这几个编码小技巧将令你 PHP 代码更加简洁
  • 如何在招聘中考核.NET架构师
  • #、%和$符号在OGNL表达式中经常出现
  • #经典论文 异质山坡的物理模型 2 有效导水率
  • $.ajax()参数及用法
  • (17)Hive ——MR任务的map与reduce个数由什么决定?
  • (4)通过调用hadoop的java api实现本地文件上传到hadoop文件系统上
  • (C语言)fread与fwrite详解
  • (Redis使用系列) Springboot 整合Redisson 实现分布式锁 七
  • (笔试题)分解质因式
  • (第61天)多租户架构(CDB/PDB)
  • (附源码)python旅游推荐系统 毕业设计 250623
  • (附源码)ssm教师工作量核算统计系统 毕业设计 162307
  • (附源码)计算机毕业设计SSM智慧停车系统
  • (转)PlayerPrefs在Windows下存到哪里去了?
  • *上位机的定义
  • .equal()和==的区别 怎样判断字符串为空问题: Illegal invoke-super to void nio.file.AccessDeniedException
  • .NET delegate 委托 、 Event 事件
  • .Net Redis的秒杀Dome和异步执行