要使用JavaScript实现在线问卷调查,可以按照以下步骤:
- 创建问卷页面
在HTML中创建一个问卷页面,包括问题和选项等元素,可以使用表单控件如input、select等来创建选项。
- 为选项添加事件处理程序
使用JavaScript为选项添加事件处理程序,当用户选择某个选项时,将其保存下来。
- 收集用户答案
定义一个JavaScript函数用来收集所有用户的答案,并将其存储在一个对象中。
- 存储答案到数据库
当用户提交问卷时,使用Ajax等技术将答案对象发送到服务器端,并将其存储到数据库中。
以下是示例代码:
// HTML片段,包括问题和选项
<h2>你最喜欢的动物是什么?</h2>
<form>
<input type="radio" name="animal" value="dog">狗<br>
<input type="radio" name="animal" value="cat">猫<br>
<input type="radio" name="animal" value="rabbit">兔子<br>
<input type="radio" name="animal" value="other">其他<br>
<button type="button" onclick="submit()">提交</button>
</form>
// JavaScript代码
function submit() {
var answers = {};
var selectedOption = document.querySelector('input[name="animal"]:checked').value;
answers['animal'] = selectedOption;
// 将答案对象发送到服务器端并存储到数据库
// 可以使用Ajax等技术实现
}