你是否也会在某段时间不知道干啥?那就用人生迷茫帮选器帮你做出选择吧!选项可以自行修改,不管你是什么身份地位,只要你够无聊,都可以使用它,给自己找事做!
源代码(建一个html文件)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script >
//声明函数
function submit() {
let play = document.getElementsByName("play");
//记录下被选中的数量
let j=0;
//得到这个多选框的长度
let Length = play.length;
//使用字符串数组,用于存放选择好了的数据
let str = new Array(Length);
for(let i = 0;i < Length;i++) {
if (play[i].checked == true) {
str[j] = play[i].value;//这个是获取多选框中的值}
j++;
}
}
document.write(str[ Math.floor(Math.random() * j)]+"<br>");
//辅助数
document.write("输出选中数组中的下标 ");
document.write(Math.floor(Math.random() * j)+"<br>");
document.write("输出选中数组中的长度 ");
document.write(j);
}
</script>
</head>
<body>
从下列行为中选择多个作为你想做的事情<br>
<input type="checkbox" name="play" value="打电脑游戏" id="1"><label for="1">打电脑游戏 </label>
<input type="checkbox" name="play" value="打手机游戏 " id="2"><label for="2">打手机游戏 </label>
<input type="checkbox" checked="checked" name="play" value="背英语单词" id="3"><label for="3"> 背英语单词 </label>
<input type="checkbox" checked="checked" name="play" value="看课外书" id="4"><label for="4">看课外书 </label>
<input type="checkbox" checked="checked" name="play" value="看专业书" id="5"><label for="5"> 看专业书 </label>
<input type="checkbox" checked="checked" name="play" value="敲代码" id="6"><label for="6">敲代码 </label><br>
<input type="button" onclick="submit()" value="提交">
</body>
</html>
你可以在此界面勾选你想做的事,电脑将从这些事中选择一个给你做。
如果想更改默认选中,只需增删
checked="checked"
,如果想增添其他选项可以模仿下列代码
<input type="checkbox" checked="checked" name="play" value="看课外书" id="4"><label for="4">看课外书 </label>