如何使用Jquery获取Form表单中被选中的radio值

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);

});

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

1，获取RadioGroup控件：

RadioGroup radioGroup = （RadioGroup）findViewById（RidmyRadioGroup）；

2，获取RadioButton控件;

RadioButton radioButton = （RadioButton）findViewById（radioGroupgetCheckedRadioButtonId()）；

3，获取选中的radio的值：

String text = radioButtongetText()toString()；

4，为radioGroup添加监听事件，用来监听组件内部的事件响应：

radioGroupsetOnCheckedChangeListener(new RadioGroupOnCheckedChangeListener() {

@Override

public void onCheckedChanged(RadioGroup group, int checkedId) {

//在这个函数里面用来改变选择的radioButton的数值，以及与其值相关的 //任何 *** 作，详见下文

selectRadioBtn();

}

})

;

5，在onCreat中需要初始化上面的四条信息；

6，整体的使用样例：

布局文件xml中的内容：

<RadioGroup

android:id="@+id/sex_group"

android:layout_width="match_parent"

android:layout_height="wrap_content">

<RadioButton

android:id="@+id/male"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:checked="true"

android:text="男"/>

<RadioButton

android:id="@+id/female"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="女"/>

</RadioGroup>

代码实现：

private RadioGroup mSex_group;

private RadioButton mMale;

private RadioButton mFemale;

private String sexName;

mSex_group = (RadioGroup) findViewById(Ridsex_group);

mMale = (RadioButton) findViewById(Ridmale);

mFemale = (RadioButton) findViewById(Ridfemale);

mSex_groupsetOnCheckedChangeListener(new RadioGroupOnCheckedChangeListener() {

@Override

public void onCheckedChanged(RadioGroup group, int checkedId) {

if (mMalegetId() == checkedId) {

sexName = mMalegetText()toString();

} else if (mFemalegetId() == checkedId) {

sexName = mFemalegetText()toString();

}

}

});

给你个例子看看吧：

value="1"

onclick="selType(thisvalue)"

checked="checked"/>1

value="2"

onclick="selType(thisvalue)"/>2

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

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

html 代码:

<form action="indexphp" method="post"><!--get方法也是可以的--!>

    <input type="radio" name="sex" value="f"> 女

    <input type="radio" name="sex" value="m"> 男

    <input type="submit" name="submit" value="提交"> 

</form

两个radio控件的name属性必须是一样的

indexphp代码：

$_POST['sex'];//就是单选框选中的  如果使用的是get方法，那么使用 $_GET['sex'];

上面的只是简单地例子，可以参考一下

以上就是关于如何使用Jquery获取Form表单中被选中的radio值全部的内容，包括:如何使用Jquery获取Form表单中被选中的radio值、如何获取RadioGroup中RadioButton的值、jsp如何取到选中的radio中每一列的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！