使用按钮选择随机电台?

时间:2011-09-04 09:06:13

标签: javascript button radio-button

我猜测需要使用js,但我有一个按钮和4个收音机。当用户按下“随机”按钮时,将选择随机单选按钮。 欢迎任何建议:)

3 个答案:

答案 0 :(得分:4)

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

因此,您只需使用

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

生成索引,然后您可以选择

单选按钮

答案 1 :(得分:2)

在这个HTML中,我在同一组(radioGroup)中制作了四个单选按钮

以下是HTML:

<html>
    <input type="button" id="test" value="Random" onclick="callRandom();"/><br>
    <input type="radio" name="radioGroup" value="1"> One</input><br>
    <input type="radio" name="radioGroup" value="2"> Two</input><br>
    <input type="radio" name="radioGroup" value="3"> Three</input><br>
    <input type="radio" name="radioGroup" value="4"> Four</input><br>
</html>

在Javascript中,我获得了组中的所有按钮,并且&#34;检查&#34;随机一个。

以下是Javascript:

function callRandom(){
   var array = document.getElementsByName('radioGroup');
   var randomNumber=Math.floor(Math.random()*4);

   array[randomNumber].checked = true;
}

希望这有帮助。

答案 2 :(得分:1)

这是一个jQuery版本:

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

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