关于用jquery获取所有radio的值的问题

关于用jquery获取所有radio的值的问题,第1张

够呛。如果我做的话每道题肯定有一个div的,类似

<div class='question'><strong>问题</strong><br />

    <ul>

        <li><input type="radio" name="q1" value='a' />答案A</li>

        

    </ul>

</div>

然后js是

$('divquestion')each(function(){

if($(this)find('input:checked')length > 0) {

radio_valuepush($(this)find('input:checked:first')val());

} else {

radio_valuepush("no value");

}

});

<html>

<head>

<title> New Document </title>

<meta name="Generator" content="EditPlus">

<meta name="Author" content="">

<meta name="keywords" content="相关内容,问题,然后,标签,前台">

<meta name="description" content="够呛。如果我做的话每道题肯定有一个div的,类似<div class='question'><strong>问题</strong><br />    <ul> ">

</head>

<body>

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

<input name="radio" type="radio" id="radio" value="2" />2

<input name="radio" type="radio" id="radio" value="3" />3

<input name="radio" type="radio" id="radio" value="4" />4

<script src="jquery-172minjs" type="text/javascript"></script>

<script type="text/javascript">

$(function(){

$("input")click(function(){

$("input")each(function(){

if($(this)attr("checked")==undefined){

alert($(this)val())

}

})

})

});

</script>

</body>

</html>

alert()没选中的val()

整体思路:首先利用JQ分别获取不同name值的radio的选中的值,然后将获取到的值都统一赋给前台某个标签即可。

①:在html文件中,创建radio控件及文本标签;如

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

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

<br/>

<input type="radio" name="radio2" value="a" />

<input type="radio" name="radio2" value="b" />

<br/>

<input type="text" id="textBox" />

<input type="button" value="确定" class="btn" />

注意,name值一样才能实现radio单选;

②:在Javascript代码中,获取radio选中的值;

var radioVal01 = $("input[name='radio1']:checked")val();

var radioVal02 = $("input[name='radio2']:checked")val();

③:将获取到的值赋给text文本标签

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

var radioVal01 = $("input[name='radio1']:checked")val();

var radioVal02 = $("input[name='radio2']:checked")val();

$("#textBox")val(radioVal01 + "," + radioVal02); //拼接两个选中的值,以逗号隔开

});

获取单选框的值有三种方式:

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

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

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

以上就是关于关于用jquery获取所有radio的值的问题全部的内容,包括:关于用jquery获取所有radio的值的问题、如何使用jquery检查表单中未选中的radio,定位到这个radio并输出提示信息、每个radio的name都是不相同的,怎么用js或者jquery获取选中的每个radio值,然后拼成id串传到前台。等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存