5個單選按鈕隨機填充嗎？

Question

嗨，我正在嘗試制作五個按鈕，如您所見，當您按“單擊我”時，我想要一個功能，它將隨機填充五個按鈕。

就像游戲統計信息的隨機生成器一樣。

我不知道我做錯了什么，但我想我需要一些其他編碼。

誰能幫助我？

這就是我所擁有的：

<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>

Answer 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;
     }

[編輯]

Answer 2

我認為您要嘗試隨機檢查有限數量的電台，在這種情況下，無需將demo的html設置為。 我將myRadios類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;
    }
}

這是一個工作的小提琴 。 讓我知道這是您正在尋找的功能還是對它的工作方式有任何疑問:)