如何用JS取得单选框radiobox和复选框checkbox当前选中的值

如何用JS取得单选框radiobox和复选框checkbox当前选中的值,第1张

我用jq;

单选框

if($('radio')attr('check')=='checked'){

consolelog($(this)value)//获取value值

consolelog($(this)index())// 获取当前下标

}

check同,换个名字就好了

参考代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 40 Transitional//EN">

<HTML>

<HEAD>

<TITLE> 页面上多组单选题时,怎么用JQuery确定各组单选的选中值 </TITLE>

<script src="jquery-132minjs"></script>

<SCRIPT LANGUAGE="JavaScript">

$(function(){

//为指定name的radio设置选中值

var param1=2;

var param2=1;

$(":radio[name=radio1][value="+param1+"]")attr("checked","true");//指定value的选项为选中项

$(":radio[name=radio2][value="+param2+"]")attr("checked","true");

//取值

$("#btn")click(function(){

var radio1Value=$(":radio[name='radio1']:checked")val();

var radio2Value=$(":radio[name='radio2']:checked")val();

//测试

alert("第一组单选值:"+radio1Value);

alert("第二组单选值:"+radio2Value);

});

});

</SCRIPT>

</HEAD>

<BODY>

<p>第一组选择</p>

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

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

<p>第二组选择</p>

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

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

<br/>

<button id="btn">选完后点击我测试</button>

</BODY>

</HTML>

注意:代码直接复制保存,先下载包jquery-132minjs,放在同一目录下。

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

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

补充:

你可以试着这样做

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

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

再次补充:

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

以上就是关于如何用JS取得单选框radiobox和复选框checkbox当前选中的值全部的内容,包括:如何用JS取得单选框radiobox和复选框checkbox当前选中的值、jquery怎么得到多组单选框的值、JavaScript中如何取得单选框radio中被选中的(checked)的值(value)等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9583754.html

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

发表评论

登录后才能评论

评论列表(0条)

保存