【问题标题】:Click a Button to pick Random other Button单击一个按钮以选择随机其他按钮
【发布时间】:2018-05-04 18:16:42
【问题描述】:
我正在开发一个基于 Bootstrap 的 OnePage 网站,主要使用 HTML、CSS 和 JavaScript。在这个网站上,可以在团队部分进行预约,我可以通过单击他们图像下方的按钮来选择三个成员中的一个。该网站还应在导航中包含一个按钮。我的问题是,当我想单击导航按钮以随机选择团队部分中这三个按钮之一时,JavaScript 或 jQuery 函数的外观如何?不仅要挑选,还要执行。
【问题讨论】:
标签:
javascript
jquery
button
bootstrap-4
【解决方案1】:
function random_select(){
var rnd=Math.floor(Math.random() * 3);// from 0-2
console.log('random=>'+rnd);
$('[name="my_radio"]').eq(rnd).click();
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<label><input name="my_radio" type="radio">test 1</label></br>
<label><input name="my_radio" type="radio">test 2</label></br>
<label><input name="my_radio" type="radio">test 3</label></br>
<input type="button" value="Auto select" onClick="random_select();">