javascript怎么选中radio

javascript怎么选中radio,第1张

可以按照下面的代码来 *** 作:

<html>

<head>

<script type="text/javascript" src="/jqueryminjs"></script>

</head>

<body>

<div>

<input id="rdo1" name="rdo1" type="radio" value="1" checked="checked"/>是

<input id="rdo1" name="rdo1" type="radio" value="0"/>否

<button id="btn1">是</button>

<button id="btn2">否</button>

<div>

<script type="text/javascript">

$(function(){

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

$("input[name='rdo1']")eq(0)attr("checked","checked");

$("input[name='rdo1']")eq(1)removeAttr("checked");

$("input[name='rdo1']")eq(0)click();

});

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

$("input[name='rdo1']")eq(0)removeAttr("checked");

$("input[name='rdo1']")eq(1)attr("checked","checked");

$("input[name='rdo1']")eq(1)click();

});

});

</script>

</body>

</html>

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

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

补充:

你可以试着这样做

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

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

再次补充:

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

1、通过节点id获取radio对象

2、获取checked,如果为true表示选中,否则是没有选中

示例代码:

<body>

<input type='radio' id='rd' value='2' name='radio'>二

</body>

<script>

var ck = documentgetElementById('rd')checked;//获取radio的checked值

if(ck){//如果选中了

  alert("选择了单选按钮");

}

</script>

实例1:

获取一组单选按钮对象:var obj_payPlatform = $('#wrap input[name="payMethod"]');

获取被选中按钮的值 :var val_payPlatform = $('#wrap input[name="payMethod"]:checked ')val();

实例2:

使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项:

获取某个radio的值的代码如下:

遍历name为testradio的所有radio代码如下:

取具体某个radio的值,比如第二个radio的值,代码如下:

我用jq;

单选框;

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

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

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

}

check同,换个名字就好了

以上就是关于javascript怎么选中radio全部的内容,包括:javascript怎么选中radio、JavaScript中如何取得单选框radio中被选中的(checked)的值(value)、JavaScript如何验证 radio 是否选择等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存