首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

请问jquery获取单选按钮的NAME和选择值

2012-04-03 
请教jquery获取单选按钮的NAME和选择值准备做一个在线测试的系统,第一题span本题答案:/spanullii

请教jquery获取单选按钮的NAME和选择值
准备做一个在线测试的系统,

第一题
<span>本题答案:</span>
<ul>
<li><input name="Q1" type="radio" value="1" />A</li>
<li><input name="Q1" type="radio" value="2" />B</li>
<li><input name="Q1" type="radio" value="3" />C</li>
<li><input name="Q1" type="radio" value="4" />D</li>
</ul>
第二题
<span>本题答案:</span>
<ul>
<li><input name="Q2" type="radio" value="1" />A</li>
<li><input name="Q2" type="radio" value="2" />B</li>
<li><input name="Q2" type="radio" value="3" />C</li>
<li><input name="Q2" type="radio" value="4" />D</li>
</ul>

第三题
<span>本题答案:</span>
<ul>
<li><input name="Q4" type="radio" value="1" />A</li>
<li><input name="Q4" type="radio" value="2" />B</li>
<li><input name="Q4" type="radio" value="3" />C</li>
<li><input name="Q4" type="radio" value="4" />D</li>
</ul>

等等,全是单选按钮,想点击了提交按钮后,如何通过jquery先获得input的name,不连续,再获得用户选择的值,最后生成如下:
12|22|42(三题全选的是2)这样一串数字发回数据库处理,求教
谢谢

[解决办法]
不建议使用这样的自定义格式,按照要求的解决方式(假定有个id为"btn"的按钮)

JScript code
$(document).ready(function () {    var arr = [];    $('#btn').click(function () {        $(':radio:checked').each(function () {            arr.push($(this).attr('name').slice(1) + $(this).val());        });        alert(arr.join('|'));    });}); 

热点排行