Js获取单选框radio的几种方法

首先,编写HTML如下:

  1.   <form id="form1">
  2.         <table  border="0"> 
  3.             <tr>
  4.                 <td>年龄段:</td>
  5.                 <td>
  6.                     <input type="radio" name="age" value="18" />小于18岁
  7.                     <input type="radio" name="age" value="18-40" checked="checked" />18-40岁
  8.                     <input type="radio" name="age" value="40" />40以上
  9.                 </td>
  10.             </tr>
  11.            <tr>
  12.                 <td>分数:</td>
  13.                 <td>
  14.                     <input type="radio" name="score" value="60" />小于60分
  15.                     <input type="radio" name="score" value="60-80" checked="checked" />60-80分
  16.                     <input type="radio" name="score" value="80" />80分以上
  17.                 </td>
  18.             </tr>
  19.          </table>
  20.      </form>

方法:

  1. function readradio() {
  2.             // 方法一            
  3.             var item = null;
  4.             var obj = document.getElementsByName("age")
  5.             for (var i = 0; i < obj.length; i++) { //遍历Radio 
  6.                 if (obj[i].checked) {
  7.                     item = obj[i].value;                   
  8.                 }
  9.             }
  10.             alert(item);
  11.             // 方法二 jquery版本在1.3之前 (FF和chrome下无效)
  12.             item = $(‘input[name=age][checked]‘).val();
  13.             alert(item);
  14.           // jquery 1.3 之后使用
  15.             item = $(‘input[name=age]:checked‘).val();
  16.             alert(item);
  17.             // 方法三 jquery 读取多个 版本在1.3之前 (FF和chrome下无效)
  18.             $("input[type=radio][checked]").each(function() {
  19.                 item =  $(this).val();
  20.                 alert(item);
  21.             })
  22.            // jquery 1.3 之后使用
  23.      $("input[type=radio]:checked").each(function() {
  24.                 item = $(this).val();
  25.                 alert(item);
  26.             })     
  27.         }

原文:https://blog.csdn.net/widenstage/article/details/68942496

原文地址:https://www.cnblogs.com/ZbsCc/p/11457970.html

时间: 2024-10-11 13:05:55

Js获取单选框radio的几种方法的相关文章

js获取单选框radio的值

遇到一个js获取radio值的问题,原来根据frm.type.value取到的值在ie下是空值 解决办法:type为每个radio的值 var chkObjs=document.getElementsByName("group");        for(var i=0;i<chkObjs.length;i++){            if(chkObjs[i].checked){                var type = i;                brea

js获取单选框里面的值

rt,如果想获取单选框里面的值,该如何获取呢. <script> window.onload = function(){ //通过名字获取 getElementsByName //var obj = document.getElementsByName("fruit"); //通过标签获取 getElementsByTagName var obj = document.getElementsByTagName("input"); for(var i=0;

JS获取单选框checked的value方法

var genderValue=0; var obj = document.getElementsByTagName("input"); document.getElementById('gender').onclick=function(){ for(var i=0; i<obj.length; i ++){ if(obj[i].checked && genderValue!=obj[i].value){ genderValue=obj[i].value; //

JS获取HTML DOM元素的几种方法

目前我只知道下面这几种获取DOM元素的方法 根据ID获取元素     getElementById 根据标签名获取元素     getElementsByTagName 根据className获取标签列表     getElementsByClassName 根据选择器获取到第一个找到的元素     document.querySelector 根据选择器获取到所有的元素     document.querySelectorAll 还有两个特殊的获取标签方式: 获取html的方法 documen

jquery单选框radio绑定click事件实现和是否选中的方法

使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项: 1.<input type="radio" name="testradio" value="jquery获取radio的值" />jquery获取radio的值2.<input type="radio" name=&

vue.js实现单选框、复选框和下拉框

Vue.js可以很方便的实现数据双向绑定,所以在处理表单,人机交互方面具有很大的优势.下边以单选框.复选框和下拉框为例介绍他们在HTML和Vue.js中的具体实现方式. 一.单选框 在传统的HTML中实现单选框的方法如下: <div id="app"> <input type="radio" name="gender" value="man" id="man"/><label

利用JavaScript通过单选框radio控制div的显示和隐藏

通过鼠标单击单选框的动作,实现某个div或多个div的显示和隐藏.实例如下: JavaScript代码如下: 1 function divClick(){ 2 3 var show = ""; 4 show = $("input[name='AdPrintMode']:checked").val(); 5 switch (show){ 6 case '1': 7 document.getElementById("img1").style.disp

MFC学习单选框Radio使用

创建单选框Radio ,ID号IDC_RADIO_NAME 1.获取单选框内容 int RadioState = ((CButton *)GetDlgItem(IDC_RADIO_NAME))->GetCheck();//返回1表示选上,0表示没选上 2.默认值设置 在初始化中添加 ((CButton *)GetDlgItem(IDC_RADIO_NAME))->SetCheck(TRUE);//选上 ((CButton *)GetDlgItem(IDC_RADIO_NAME))->Se

吾八哥学Selenium(三):操作复选框checkbox/单选框radio的方法

复选框checkbox和单选框radio是web网站里经常会使用到的两个控件,那么在web自动化测试的时候如何利用Selenium来操作这俩控件呢?今天我们就来简单入门练习一下! html测试页面代码如下: <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <title>学Python网 - seleni