js怎么获取选中的radio里面的input值

原理就是：一般使用遍历的方法,判断每个Radio是否被选中,如果是,再取其值

<form id="userlist" method="post" action="optionphp">

<input type="radio" name="userid" value="1">1

<input type="radio" name="userid" value="2">2

<input type="radio" name="userid" value="3">3

</form>

<script language="javascript">

function usubmit(action){

var radionum = documentgetElementById("userlist")userid;

for(var i=0;i<radionumlength;i++){

if(radionum[i]checked){

userid = radionum[i]value

}

}

windowlocationhref='optionphpaction='+action+'&userid='+userid;

}

</script>

上面的需要注意form中设置了id（userlist）

这里有两个要注意的地方：一个是如何取值，一个是如何遍历

documentgetElementById("userlist")userid;

这是根据form的id再取其中控件元素的name取值的方法。

也可以用documentgetElementsByName("userid")直接获得

getElementById与getElementsByName的区别，getElementById取radio类型元素只能选取单个控件，getElementsByName取radio类型元素的时候是取出的整个radio数组,如果一定要用getElementById，则可像上面代码一样先用getElementById取得整个表单的id后面紧跟radio名称即可

现在知道documentgetElementsByName("userid")就是得到一个数组，该数组中的元素是该dom树中所有name为radionum的元素，即使只有一个radio，也是一个只包含一个元素的数组．

而documentalluserid则不同，它是得到页面中的userid元素的引用，当页面中存在多个radio时，它返回的是一个数组，如果页面中只包含一个radio，则得到的就是这个radio对象的引用．由于这时得到的不是一个数组，因此就不能遍历数组来进行判断了．

做成函数,如下:

function getRadioBoxValue(radioName)

{

var obj = documentgetElementsByName(radioName); //这个是以标签的name来取控件

for(i=0; i<objlength;i++) {

if(obj[i]checked) {

return obj[i]value;

}

}

return "undefined";

}

JS获取radio里选中的值

function Foo()

{

var selectedIndex = -1;

var form1 = documentgetElementById("form1");

var i = 0;

for (i=0; i<form1rlength; i++)

{

if (form1r[i]checked)

{

selectedIndex = i;

alert("您选择项的 value 是：" + form1r[i]value);

break;

}

}

if (selectedIndex < 0)

{

alert("您没有选择任何项");

}

}

分类: 电脑/网络 >> 程序设计 >> 其他编程语言

问题描述:

如题

解析:

<INPUT id="Radio1" type=radio value="fasd" name=RadioGroup onclick="alert(thisvalue);">

-------------------------

补充：

你可以试着这样做

当你动态添加控件的时候为每个radio添加一个onclick事件，事件的内容是把自己的value给一个hidden，然后直接点按钮的时候取那个hidden的值就行了。

---------------

再次补充：

是的，不然你就遍历一次就好了，其实客户端遍历是很快的事情，不用考虑效率问题。

1、首先新建一个html文件，命名为testhtml，在testhtml文件内，在p标签内，使用input标签创建三个checkbox选项用于测试。

2、在testhtml文件内，使用button标签创建一个按钮，按钮名称为“获得checkbox选中数量”。

3、在testhtml文件中，给button按钮绑定onclick点击事件，当按钮被点击时，执行getnum（）函数。

4、在js标签中，创建getnum()函数，在函数内，使用getElementsByTagName()方法通过元素名称获得input对象。同时，创建一个空数组arr，用于保存选中的选项值。

5、在浏览器打开testhtml文件，点击按钮，查看结果。

"建议您使用以下方法获取： private void barEditItem1_EditValueChanged(object sender, EventArgs e) { string editvalue=(barManager1ActiveEditor as RadioGroup)EditValueToString(); }"祝你愉快，哦

Jquery提供的选择器极大的方便了开发人员对Dom的 *** 作，真正实现了代码简化，却功能强大的目标。下面就日常最常用的，在Form表单中如何获取被中选的Radio值做一小小的示例。

form表单如下：

<form name='form1' action="#" method="post">

此处略去200字

<input type="radio" name="opType" value="0" />搁置<br />

<input type="radio" name="opType" value="1" />解决<br />

<input type="radio" name="opType" value="2" />转派4<br />

</form>

那么如何获取被选中的radio值呢，Juqery为我们提供了如下几个方法

$("input[name='opType']:checked")val() -------此方法估计用的比较多，通俗易懂

$("input:radio:checked")val(); ---------此方法最简单，但是连着使用选择器不容易懂

$("input[@name='opType'][checked]"); --------次方法中切记写成[@checked=checked]，本人第一次就写成这个了

那么，偶尔也需要遍历一下radio，如何做呢？当然需要each出场了，具体如下：

$('input[name="opType"]')each(function(){

alert(thisname+thisvalue);

});

应该明白了吧，若有什么更好的方法欢迎盖楼。

给你个例子看看吧：

value="1"

onclick="selType(thisvalue)"

checked="checked"/>1

value="2"

onclick="selType(thisvalue)"/>2

以上的两个单项按钮，具有相同的name

属性，不同的id，当要获取所选中的radio的值的时候，使用：requestgetParameter("same")，就取出了id的值，根据id的值就可以判断选中了哪个单选按钮了。

以上就是关于js怎么获取选中的radio里面的input值全部的内容，包括:js怎么获取选中的radio里面的input值、JavaScript中如何取得单选框radio中被选中的（checked)的值(value)、JSP中如何获取radio 或checkbox的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！