5个单选按钮随机填充
5 radio buttons fill up randomly?
嗨,正如你所看到的,我正在尝试制作五个按钮,我想要一个函数,当你按下"点击我"时,它会随机填充五个按钮。
它就像一个游戏统计数据的随机生成器。
我不知道我是否做错了,但我想我需要一些其他的编码。
有人能帮我吗?
这就是我所拥有的:
<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>
不确定您在寻找什么。我把这个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]
我认为您要做的是随机检查有限数量的无线电,在这种情况下,不需要将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;
}
}
这是一把正在工作的小提琴。如果这是您想要的功能,或者您对它的工作方式有任何疑问,请告诉我:)
相关文章:
- 如何设置html元素填充的动画
- 如何使用jquery在填充自动完成的值后使文本框只读
- 如何通过ajax刷新JSF填充的javascript变量
- 用与线条相同的颜色填充多折线图上的点
- 用每小时的差值填充数组/列表-从下拉列表中给定两个时间值
- 带有填充属性的SVG矩形显示在包含元素的上方插入框阴影
- 试图用随机选择的单词填充html中的ul.JS
- 从AJAX请求中获取JSON数据并用随机项填充
- 如何从自动填充随机数字的下拉菜单中生成一组文本框
- 如何使用随机数据填充 XML 文件
- 如何用随机值预填充 JavaScript 数组
- jQuery:将图像随机填充到页面上的另一个图像上
- 单击一次按钮即可用随机化值填充多个输入
- 在二维网格中随机填充固定数量的单元格
- 5个单选按钮随机填充
- 从数组中随机选择一个项目并填充-jQuery
- 随机化数组,选择2个随机对象,并填充一个新数组
- Chart.js中的随机填充颜色
- 用随机对象填充对象,并在javascript中设置特定属性
- Javascript随机填充底部