使用按钮选择一个随机的无线电

Use a button to select a random radio?

本文关键字：一个 随机 无线电 按钮 选择      更新时间：2023-09-26

我猜使用js是需要的，但我有一个按钮和4个无线电。当用户按下"随机"按钮时，将选择一个随机的单选按钮。欢迎提出任何建议

我假设您的收音机在一个组中，因此将在该组中有一个索引。

因此您可以简单地使用

var randomnumber=Math.floor(Math.random()*4)

生成索引，这里有单选按钮选择

在这个HTML中，我在同一个组(radioGroup)中创建了四个单选按钮

在Javascript中，我得到组中的所有按钮并随机"检查"一个。

function callRandom() {
  var array = document.getElementsByName('radioGroup');
  var randomNumber=Math.floor(Math.random()*4);
  array[randomNumber].checked = true;
}
callRandom();
<input type="button" value="Random" onclick="callRandom();"><br>
<input type="radio" name="radioGroup" value="1"> One<br>
<input type="radio" name="radioGroup" value="2"> Two<br>
<input type="radio" name="radioGroup" value="3"> Three<br>
<input type="radio" name="radioGroup" value="4"> Four

这是一个jQuery版本:

$('form :radio:eq('+Math.round(Math.random()*($('form input:radio').length-1))+')').attr('checked','checked');

我做了一个jsFiddle -> http://jsfiddle.net/mica/TFNmB/

相关文章：