每个radio的name都是不相同的,怎么用js或者jquery获取选中的每个radio值,然后拼成id串传到前台。

每个radio的name都是不相同的,怎么用js或者jquery获取选中的每个radio值,然后拼成id串传到前台。,第1张

整体思路:首先利用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");

}

});

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

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存