js 获取radio的值

其实js 获取radio的值是很简单的,如果是单选按钮组的话就遍历一次就行了,如果是单选的就直接判断.value就行了。

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>js 获取radio的值</title>
<script>
function radiogroup()
{

        for(var i=0;i<formobj.a.length;i++){  
           if(formobj.a[i].checked){
             alert("单选框选中: " + formobj.a[i].value);
             return true;
            }
        }
        alert("单选框未选中");
        return false;
        }
</script>

实例二

<script>
 function search(obj)
 {
     var urlparam
    for(i=0;i<obj.getelementsbytagname("input").length-1;i++)
    {
        if(obj.getelementsbytagname("input")[i].checked)
        {
            urlparam=obj.getelementsbytagname("input")[i].value
            break
        }
    }
    obj.action+="&sjprice="+urlparam
    return true
 }
</script>

 

</head>

<body>
<form id="form" name="form" method="post" action="">
  <p>
    <label>
      <input type="radio" name="radiogroup1[]" value="1" id="radiogroup1_0" />
      单选</label>
    <br />
    <label>
      <input type="radio" name="radiogroup1[]" value="1" id="radiogroup1_1" />
      单选</label>
    <br />
    <label>
      <input type="radio" name="radiogroup1[]" value="1" id="radiogroup1_2" />
      单选</label>
    <br />
    <label>
      <input type="radio" name="radiogroup1[]" value="1" id="radiogroup1_3" />
      单选</label>
  </p>
  <p>
    <input type="button" name="button" id="button" value="检测"  onclick="网页特效:radiogroup();" />
    <br />
  </p>
</form>
</body>
</html>

方法三

一段js获取radio一组选中的值的代码,发出来给大家分享一下!

//预览函数
var colorid="";
function showtemp()

{
   var eless = document.getelementsbyname("colorstyle");
   for(var i=0;i<eless.length;i++)

   {
   // alert(eless[i].checked+eless[i].name+eless[i].id);
     if(eless[i].checked)

     {
     colorid=eless[i].value;
     break;
     }
   }
   alert(colorid+"--");
}

方法四,一段完整的实例

<script lanage="javascript">
function isid()
{
alert(document.all.gender.value);
if(document.all.gender.value='new')
{
eval("document.all.emp.style.display='block' ")
return false;
}else
{
eval("document.all.emp.style.display='none' ")
return true;
}
}

function foo()
{
    var selectedindex = -1;
    var form1 = document.getelementbyid("form1");
    var i = 0;
   
    for (i=0; i<form1.gender.length; i++)
    {
        if (form1.gender[i].checked)
        {
            selectedindex = i;
            alert("您选择项的 value 是:" + form1.gender[i].value);
            break;
        }
    }
   
    if (selectedindex < 0)
    {
        alert("您没有选择任何项");
    }
}
</script>
<body>
<form method="post">
  <table>
  <tr><td>
  <input type="radio" value="new" />
    新员工
    <input type="radio" value="old" checked="checked"/>
    老员工
  <input type="text" />
  </td>
  </tr>
  </table>
</form>

</body>
</html>

时间: 2024-08-31 06:53:49

js 获取radio的值的相关文章

js 获取radio按钮值的实例_javascript技巧

复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="

js获取radio的值代码详解

把radio的input放在form中, <form name=theform> <input type=text name=input1 value="test"> <input type=radio name="a[]" value="0" checked>选择1 <input type=radio name="a[]" value="1">选择2 <

js 获取radio按钮值代码

单选 单选 单选 单选

js获取单选按钮的值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

easyUI treegrid 加了一列radio button 怎么获取radio的值?

问题描述 easyUI treegrid 加了一列radio button 怎么获取radio的值? 获取到的orgtype是undefined 代码如下: <th data-options="field:'orgtype',width:80,formatter:formatP">类型</th> function formatP(value){ var s = '<input type="radio" value="1&quo

firefox-火狐下如何获取radio选中值

问题描述 火狐下如何获取radio选中值 火狐下如何获取radio选中值,火狐下radio选中会有什么不一样的,如何能够获取选中的值 解决方案 加个事件onclick=""doRadio(this)"",然后在函数当中var doRadio = function(param){ var value= $(param).val();}这样就能获取当中的值并触发事件

使用jquery获取radio的值

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

关于jquery 获取radio属性值的问题?

问题描述 大家帮忙看下下面代码,为什么我不能正确获取radio的属性值,每次都是1代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><

关于js获取radio和select的属性并控制的代码_javascript技巧

实现目标:1.点击"匿名小组",自动跳转:成员类型"私密群".访问控制 "群成员" 2.点击"公开群",  自动跳转:成员类型"实名小组"  首先是获得点击radio的事件,用的是jquery库,获得事件后判断是那个radio,通过判断是那个radio被checked了然后进行联动变换.其中遇到的问题有,兼容ie和firefox的事件,然后是设置select中的中options的selected属性. 兼容