单击按钮以选择随机其他按钮

时间:2018-05-04 18:16:42

标签: javascript jquery button bootstrap-4

我正在使用基于Bootstrap的OnePage-Website,主要使用HTML,CSS和JavaScript。在这个网站上,可以在团队部分预约,我可以通过单击其图像下的按钮从三个成员中选择一个。本网站还应在导航中包含一个按钮。我的问题是当我想点击导航按钮随机选择Team-Section中的这三个按钮中的一个时,看起来如何看JavaScript或jQuery函数?不仅要选择,还要执行。

1 个答案:

答案 0 :(得分:0)

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();">