每个radio的name都是不相同的,怎么用js或者jquery获取选中的每个radio值,然后拼成id串传到前台。 30
展开全部
整体思路:首先利用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); //拼接两个选中的值,以逗号隔开
});
①:在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); //拼接两个选中的值,以逗号隔开
});
展开全部
获取所有选中的radio
var $radios = $('input[type=radio]:check');
循环$radios得到每个选中radio的值,拼接成字符串。
var str;
for(var i =0; i < $radios.length; i++){
str += $($radios[i]).val();
}
3.上一步得到的str即为所要的结果。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2016-09-06
展开全部
设置一个class试试,然后用jquery应该能获取到。
var obj = $(".radio:checked").val();
obj.each(function(i, n){
// 业务逻辑
});
你可以试试,我没有测试过,不过应该可以拿到
更多追问追答
追问
function(i,n)这个里面的i和n分别是什么?
追答
i:表示索引,index的简写。
n:表示当前对象,换句话就是,n表示radio元素。
你可以通过n获取到radio的属性。
注意这个n是html对象,而不是jquery对象。
你可以通过n.value或者$(n).val()获取到radio的值。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
$('input[type="radio"]') 可以获得所有的radio
$('input[type="radio"]').each(function(i,obj){// 遍历所有的radio i是顺序 obj是本身
if($(obj)[0].checked){ // 判断此radio是不是选中状态 如果是 执行
}
})
$('input[type="radio"]').each(function(i,obj){// 遍历所有的radio i是顺序 obj是本身
if($(obj)[0].checked){ // 判断此radio是不是选中状态 如果是 执行
}
})
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询