0
356<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New Web Project</title>
<style type="text/css">
.question{
padding-bottom: 0px;
border-bottom: 1px solid #DCDCDC;
}
.question_unchecked{
border: 5px solid #ffff33;
padding-bottom: 0px;
border-bottom: 1px solid #DCDCDC;
}
</style>
</head>
<body>
<p id="box">
<p id="test">
<p class="question" id="test1">
<p class="question_title" id="question_title1">
1.总的来说，我不喜欢让恋人知道自己内心深处的感觉<span style="color: red"> *</span>
</p>
<p class="question_answer" id="question_answer1">
<ul>
<li><input type="radio" class="option" name="ans1" value="1" id="1_1" /><label for="1_1">非常不同意</label></li>
<li><input type="radio" class="option" name="ans1" value="2" id="1_2" /><label for="1_2">比较不同意</label></li>
<li><input type="radio" class="option" name="ans1" value="3" id="1_3" /><label for="1_3">有点不同意</label></li>
<li><input type="radio" class="option" name="ans1" value="4" id="1_4" /><label for="1_4">不太确定</label></li>
<li><input type="radio" class="option" name="ans1" value="5" id="1_5" /><label for="1_5">有点同意</label></li>
<li><input type="radio" class="option" name="ans1" value="6" id="1_6" /><label for="1_6">比较同意</label></li>
<li><input type="radio" class="option" name="ans1" value="7" id="1_7" /><label for="1_7">非常同意</label></li>
</ul>
</p>
</p>
<p class="question" id="test2">
<p class="question_title" id="question_title2">
2.我担心我会被抛弃<span style="color: red"> *</span>
</p>
<p class="question_answer" id="question_answer2">
<ul>
<li><input type="radio" class="option" name="ans2" value="1" id="2_1" /><label for="2_1">非常不同意</label></li>
<li><input type="radio" class="option" name="ans2" value="2" id="2_2" /><label for="2_2">比较不同意</label></li>
<li><input type="radio" class="option" name="ans2" value="3" id="2_3" /><label for="2_3">有点不同意</label></li>
<li><input type="radio" class="option" name="ans2" value="4" id="2_4" /><label for="2_4">不太确定</label></li>
<li><input type="radio" class="option" name="ans2" value="5" id="2_5" /><label for="2_5">有点同意</label></li>
<li><input type="radio" class="option" name="ans2" value="6" id="2_6" /><label for="2_6">比较同意</label></li>
<li><input type="radio" class="option" name="ans2" value="7" id="2_7" /><label for="2_7">非常同意</label></li>
</ul>
</p>
</p>
<p class="question" id="test3">
<p class="question_title" id="question_title3">
3.我觉得跟恋人亲近是一件惬意的事情<span style="color: red"> *</span>
</p>
<p class="question_answer" id="question_answer3">
<ul>
<li><input type="radio" name="ans3" value="1" id="3_1" /><label for="3_1">非常不同意</label></li>
<li><input type="radio" name="ans3" value="2" id="3_2" /><label for="3_2">比较不同意</label></li>
<li><input type="radio" name="ans3" value="3" id="3_3" /><label for="3_3">有点不同意</label></li>
<li><input type="radio" name="ans3" value="4" id="3_4" /><label for="3_4">不太确定</label></li>
<li><input type="radio" name="ans3" value="5" id="3_5" /><label for="3_5">有点同意</label></li>
<li><input type="radio" name="ans3" value="6" id="3_6" /><label for="3_6">比较同意</label></li>
<li><input type="radio" name="ans3" value="7" id="3_7" /><label for="3_7">非常同意</label></li>
</ul>
</p>
</p>
<p class="question" id="test4">
<p class="question_title" id="question_title4">
4.我很担心我的恋爱关系<span style="color: red"> *</span>
</p>
<p class="question_answer" id="question_answer4">
<ul>
<li><input type="radio" name="ans4" value="1" id="4_1" /><label for="4_1">非常不同意</label></li>
<li><input type="radio" name="ans4" value="2" id="4_2" /><label for="4_2">比较不同意</label></li>
<li><input type="radio" name="ans4" value="3" id="4_3" /><label for="4_3">有点不同意</label></li>
<li><input type="radio" name="ans4" value="4" id="4_4" /><label for="4_4">不太确定</label></li>
<li><input type="radio" name="ans4" value="5" id="4_5" /><label for="4_5">有点同意</label></li>
<li><input type="radio" name="ans4" value="6" id="4_6" /><label for="4_6">比较同意</label></li>
<li><input type="radio" name="ans4" value="7" id="4_7" /><label for="4_7">非常同意</label></li>
</ul>
</p>
</p>
</p>
<p id="submit">
<p id="submit_p" style="margin: 30px auto;">
<input type="button" class="submitbutton" value="提交" onclick="submit()"/>
</p>
</p>
<p id="123">.</p>
</p>
<script type="text/javascript">
function submit ()
{
var options=document.getElementsByTagName("ul");
for (var i=0; i < options.length; i++)
{
for (var j=0; j < options[i].childNodes.length; j++)
{
if (options[i].childNodes[j].childNodes[0].checked)
{
options[i].parentNode.parentNode.setAttribute("class","question");
break;
}
options[i].parentNode.parentNode.setAttribute("class","question_unchecked");
}
}
}
</script>
</body>
</html>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
欢迎选择我的课程，让我们一起见证您的进步~~