js获取radio的值

js获取radio的值,第1张

<html>

<head>

</style>

<script type="text/javascript" language="javascript">

function Permissions()

{ var a = documentgetElementsByName("radios");

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

{

if(a[i]checked)

alert(a[i]value);

}

}

</script>

</head>

<body>

<input type="radio" id="radios" name="radios" value="0" onclick="Permissions()" >Admin

<input type="radio" id="radios" name="radios" value="1" onclick="Permissions()">User

</body>

</html>

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提供的选择器极大的方便了开发人员对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);

});

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

div id="wrap">

<input type="radio" name="payMethod" value="1" />支付宝

<input type="radio" name="payMethod" value="2" />财务通

</div>

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

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

以上就是关于js获取radio的值全部的内容,包括:js获取radio的值、PHP中怎样获取radio单选框的值、如何使用Jquery获取Form表单中被选中的radio值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存