整体思路：首先利用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); //拼接两个选中的值，以逗号隔开
});
够呛。如果我做的话每道题肯定有一个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");
}
});
jquery 获取 input type radio checked的元素
find('input:radio:checked')；
find("input[type='radio']:checked");
find("input[name='radio']:checked");
find("input[@name='radio'][checked]");
find("input[name='radio']")filter(':checked');
首先添加给radio添加绑定单击事件，可以直接使用onclick=""，也可以用jquery绑定；
$(function() {
showCont();
$("input[name=price_type]")click(function() {
showCont();
});
});
function showCont(){
var normal = documentgetElementById("price_type1");
var special = documentgetElementById("price_type2");
if (normalchecked) {
$("#sellInfo2")hide();
$("#sellInfo1")show();
}
if (specialchecked) {
$("#sellInfo1")hide();
$("#sellInfo2")show();
}
}
结果：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="//cdnbootcsscom/jquery/311/jqueryminjs"></script>
</head>
<body>
<form id="form" action="">
<label><input type="radio" name="radioInput" value="1">第1个radio</label>
<label><input type="radio" name="radioInput" value="2">第2个radio</label>
<label><input type="radio" name="radioInput" value="3">第3个radio</label>
</form>
<p>选择结果是：<span id="val"></span></p>
<script>
$('#form')on('change','input[name="radioInput"]',function () {
//获取值 $(this)val() == $(input[name="radioInput"]:checked)val()
$('#val')text($(this)val());
});
</script>
</body>
</html>
以上就是关于每个radio的name都是不相同的，怎么用js或者jquery获取选中的每个radio值，然后拼成id串传到前台。全部的内容，包括:每个radio的name都是不相同的，怎么用js或者jquery获取选中的每个radio值，然后拼成id串传到前台。、关于用jquery获取所有radio的值的问题、jquery input type=radio checked 获取值 并且计算等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）