radio - jquery数组

Question

我有下面的代码，它显示了一个单选按钮列表。我的问题是如何创建一个按钮列表，相当于数组模式(jquery)中的按钮。

  <input type="radio" name="name1" value="450" /> 450€<br />
  <input type="radio" name="name2" value="500" /> 500€<br />
  <input type="radio" name="name3" value="550" /> 550€<br />
  <input type="radio" name="name4" value="600" /> 600€<br />
  <input type="radio" name="name5" value="650" /> 650€<br />
  <input type="radio" name="name6" value="700" /> 700€<br />

这样简单地生成一个数组，而不需要做任何更改。另一个问题是，当我在数组模式下拥有这些值时，我将如何访问这些值？

谢谢

Answer 1

另一个jQuery解决方案：

<ul>
    <li id="lista"></li>
</ul>

<script type="text/javascript">
$(document).ready(function() {
    var start = 450;
    for (var x=0; x<=20; x++) {
        var item = document.createElement('input');
            $(item).attr('type', 'radio');
            $(item).attr('id', 'price'+x+1);    // numbered starting from 1
            $(item).attr('name', 'price');
            $(item).attr('value', start + (x * 50));
        var label = document.createElement('label');
            $(label).attr('for', 'price'+x+1);  // numbered starting from 1
            $(label).html(start + (x * 50) + '€');
        $('#lista').append(item);
        $('#lista').append(label);
        $('#lista').append('<br>');
    }
});
</script>

Answer 2

这将创建20个输入，并将值和文本递增50

var count = 20;
var increment = 50;

for (y = 0; y < count; y++) {
    var inp = '<input type="radio" name="name1" value="' + increment + '" /> ' + increment + '<br />';
    $(inp).appendTo('#lista');
    increment = increment + 50;
}

在http://jsfiddle.net/fxmmN/1/查看工作示例

Answer 3

希望这将引导你朝着正确的方向前进！我构建了一个简单的函数，创建您指定的任意数量的电台，并将该值递增50。试着稍微修改一下，以获得您想要的解决方案！

function populateRadios(){
  var i = 0,
      numberOfRadios = 3,
      baseNumber = 0;
    for(i; i<numberOfRadios; i++){
        var aRadio = document.createElement('input');
        aRadio.type = 'radio'
        aRadio.name = 'radio1';
        aRadio.id = 'radio' + i;
        baseNumber += 50;
        aRadio.value = baseNumber

       $('#theForm').append(aRadio)
    } 
}
populateRadios()