JavaScript中如何取得单选框radio中被选中的(checked)的值(value)

JavaScript中如何取得单选框radio中被选中的(checked)的值(value),第1张

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

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

补充:

你可以试着这样做

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

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

再次补充:

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

function test()

{

var temp = documentgetElementsByName("radHot");

for(var i=0;i<templength;i++)

{

if(temp[i]checked)

var intHot = temp[i]value;

}

} 这样就可以了吧

给你个例子看看吧:

value="1"

onclick="selType(thisvalue)"

checked="checked"/>1

value="2"

onclick="selType(thisvalue)"/>2

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

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

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、定义一个radio节点

<input type='radio'/>

2、通过过滤器获取选中的radio

var selectR = $('input:radio:checked');//input表示标签是input,:radio表示type是radio,:checked表示是选中

3、通过val获取选中的值

var v =selectRval();//获取选中的值

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

}

}

});

给该radio添加onchange事件,事件回调的参数e中有相关数据,consolelog(e)后控制台展开,查看srcElement对象的属性中,有你要的值。

如有问题欢迎追问。

1获取选中值,三种方法都可以:

$('input:radio:checked')val();

$("input[type='radio']:checked")val();

$("input[name='rd']:checked")val();

2设置第一个Radio为选中值:

$('input:radio:first')attr('checked',

'checked');

或者

$('input:radio:first')attr('checked',

'true');

注:attr("checked",'checked')=

attr("checked",

'true')=

attr("checked",

true)

3设置最后一个Radio为选中值:

$('input:radio:last')attr('checked',

'checked');

或者

$('input:radio:last')attr('checked',

'true');

4根据索引值设置任意一个radio为选中值:

$('input:radio')eq(索引值)attr('checked',

'true');索引值=0,1,2

或者

$('input:radio')slice(1,2)attr('checked',

'true');

5根据Value值设置Radio为选中值

$("input:radio[value=>

以上就是关于JavaScript中如何取得单选框radio中被选中的(checked)的值(value)全部的内容,包括:JavaScript中如何取得单选框radio中被选中的(checked)的值(value)、js中,请问如何获取radio值、jsp如何取到选中的radio中每一列的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9758037.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存