JavaScript实现表格表单的随机选择和简单的随机点名

接下来我将为大家详细讲解“JavaScript实现表格表单的随机选择和简单的随机点名”的攻略。

一、JavaScript实现表格表单的随机选择

1. 首先，在HTML文件中创建表格及表格中的选项，并为选项设置相同的class。

```html

	选项一
	选项二
	选项三
	选项四

```

1. 在JavaScript中获取所有选项并存储。

javascript
let options = document.querySelectorAll('.option');

1. 随机选择一个选项并将其选中。

javascript
let randomIndex = Math.floor(Math.random() * options.length);
options[randomIndex].checked = true;

1. 完整代码如下：

```html

	选项一
	选项二
	选项三
	选项四

随机选择

```

二、JavaScript实现简单的随机点名

1. 在HTML文件中创建输入框和按钮，并为输入框和按钮设置相应的id。

html
<input type="text" id="names" placeholder="请输入学生姓名">
<button onclick="randomPick()">随机点名</button>

1. 在JavaScript中获取输入框中的姓名，并将其存储在数组中。

javascript
let names = document.querySelector('#names').value.split('\n');

1. 随机选择一个姓名并将其输出。

javascript
let randomIndex = Math.floor(Math.random() * names.length);
alert(names[randomIndex]);

1. 完整代码如下：

```html



随机点名

```

以上就是“JavaScript实现表格表单的随机选择和简单的随机点名”的完整攻略了，希望对大家有所帮助。