如何使用jQuery启用多单选按钮选择

时间:2012-12-12 06:40:52

标签: jquery

请你在jsFiddle中查看这个Demo,让我知道如何在单选按钮中启用多项选择并使用jquery将结果存储在数组中?

我想要的是选择一个或多个无线电btns并最终将它们存储在数组中以存储在数据库中。我有这样简单的HTML表单:

<input type="radio" name="items" value="Item One">Item One</input><br >
<input type="radio" name="items" value="Item Two">Item Two</input><br >
<input type="radio" name="items" value="Item Three">Item Three</input><br >
<input type="radio" name="items" value="Item Four">Item Four</input><br >
<input type="radio" name="items" value="Item Five">Item Five</input><br >
<input type="radio" name="items" value="Item Six">Item Six</input><br >
<br />
<input type='button' value='Display Selected' id='isSelect'>
<p>You Select :</p>

我也在使用这个jQuery代码来存储所选项目的值

enter code here
$("#isSelect").click(function () {
var result = $('input:radio[name=items]:checked').val();
$("#sel").html(result);
});​

谢谢你的时间

1 个答案:

答案 0 :(得分:2)

请改用checkboxes,查看此jsfiddle演示http://jsfiddle.net/wY63X/3/

要将其存储为数组,您可以执行此操作

var storedArray = new Array();
$('input[name="items"]').each(function(){
       storedArray.push($(this).val());
});