心理压力测试量表及评分标准
```html
body {
fontfamily: Arial, sansserif;
lineheight: 1.6;
color: 333;
padding: 20px;
}
h1 {
color: 333;
textalign: center;
}
.container {
maxwidth: 800px;
margin: auto;
}
.question {
marginbottom: 20px;
}
.question h2 {
marginbottom: 10px;
}
.question p {
marginbottom: 5px;
}
.answeroptions {
display: flex;
justifycontent: spacebetween;
}
.answeroptions label {
display: block;
width: 100%;
marginbottom: 10px;
}
.answeroptions input[type="radio"] {
marginright: 10px;
}
.btncontainer {
textalign: center;
}
.btnsubmit {
padding: 10px 20px;
backgroundcolor: 007bff;
color: fff;
border: none;
borderradius: 5px;
cursor: pointer;
transition: backgroundcolor 0.3s ease;
}
.btnsubmit:hover {
backgroundcolor: 0056b3;
}
心理压力测试量表
function submitForm() {
// Collect answers
var answers = {};
var questions = document.querySelectorAll('.question');
questions.forEach(function(question, index) {
var inputs = question.querySelectorAll('input[type="radio"]');
inputs.forEach(function(input) {
if (input.checked) {
answers['question' (index 1)] = input.value;
}
});
});
// Example: Send answers to server for processing
// Replace this with your own logic
console.log(answers);
// Here you can send the answers to your serverside script for processing
// For now, let's just display the answers
alert('提交成功!请查看控制台查看您的答案。');
}