5 个单选按钮随机填满？答案

【问题标题】：5 radio buttons fill up randomly?5 个单选按钮随机填满？
【发布时间】：2013-08-05 16:51:10
【问题描述】：

您好，我正在尝试制作五个按钮，如您所见，我想要一个功能，当您按下“点击我”时，它会随机填充五个按钮。

这就像一个随机生成游戏的统计数据。

我不知道我是否做错了，但我认为我需要一些其他编码。

谁能帮帮我？

这就是我所拥有的：

<button onclick='myFunction()'>click me</button>

<div id="demo">
<Input type = radio Name = r1> 
<Input type = radio Name = r2> 
<Input type = radio Name = r3> 
<Input type = radio Name = r4>
<Input type = radio Name = r5> 
</div>


<script type="text/javascript">

    function myFunction() {
    document.getElementById('demo').innerHTML = '';
    var num = 3;
    var noOfButtons = Math.floor(Math.random() * num);
    console.log(noOfButtons);
    for (var i = 0; i < noOfButtons; i++) {

    var box = document.createElement();
        document.getElementById('demo');
        }
    }
</script>

【问题讨论】：

“跌倒”是什么意思？选择？
我猜他的意思是填满……
您永远不会为按钮分配任何值...
我更喜欢“跌倒”..
单选按钮的想法是在一个组中它们都具有相同的名称。

标签： javascript html forms radio-button

【解决方案1】：

不完全确定您在寻找什么。我把这个JSFiddle 扔在一起了。看看它是否是您要找的东西。

<button id='button1'>click me</button>
<div id="demo">
    <input type='radio' id='r1'>
    <input type='radio' id='r2'>
    <input type='radio' id='r3'>
    <input type='radio' id='r4'>
    <input type='radio' id='r5'>
</div>

     var button1 = document.getElementById('button1');
     button1.onclick = function () {
         var noOfButtons = 5;
         var pick = Math.floor(Math.random() * noOfButtons) + 1;
         var radioBtn = document.getElementById('r' + pick);
         radioBtn.checked = true;
     }

[edit]

【讨论】：

感谢您尝试帮助我，但我正在寻找它不仅是 1 个按钮可以选择其中一个按钮，而且它是随机的，所以每当您按下“点击我”时，我都能得到2 或 4 按钮同时选择。示例：1“点击我”O O - 2“点击我”O O O O

【解决方案2】：

我认为您正在尝试做的是随机检查有限数量的收音机，在这种情况下，无需将 demo 的 html 设置为 ''。我将 myRadios 类添加到您的收音机标签中（以防页面上还有您不想包含在随机检查中的其他收音机），然后使用以下功能：

function myFunction() {
    var radios = document.getElementsByClassName('myRadios');
    for (var i=0; i<radios.length; i++)
    {
        radios[i].checked = ( (Math.random()*10) > 5) ? true : false;
    }
}

这是一个有效的fiddle。如果这是您正在寻找的功能，或者您对它的工作原理有任何疑问，请告诉我 :)

【讨论】：