js选择题

最新推荐文章于 2023-04-12 18:11:41 发布

胖胖爱家

最新推荐文章于 2023-04-12 18:11:41 发布

阅读量2.8k

点赞数

分类专栏： js / jq / vue 文章标签： input swt border class float c

本文链接：https://blog.csdn.net/yual365/article/details/7622508

版权

js / jq / vue 专栏收录该内容

85 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=gb2312" http-equiv="Content-Type" />
<title>是否需要植发自我检测</title>
<script type="text/javascript">
/*页面---Tab选项卡---效果*/
function setTab(name,cursel,n)
{
if(xz==1)
{
return;
}
else
{
if(cursel==1)
{
document.getElementById("faq2").style.display="block";
}
else if(cursel==2)
{
document.getElementById("faq2").style.display="none";
}
for(i=1;i<=n;i++)
{
var menu=document.getElementById(name+i);
var con=document.getElementById("con_"+name+"_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?"block":"none";
}
}
}
</script>
<style type="text/css">
body {
background: #cbe5f4;
margin: 0px;
}
body, td {
color: #636363;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
body, td, table, tr, ul, li, h1, form {
margin: 0;
padding: 0;
}
ul {
list-style: none;
}
form {
margin-left: 10px;
}
img {
border: 0;
}
h1 {
font-size: 12px;
margin: 0px;
line-height: 16px;
margin-top: 10px;
}
.wrap {
background: #FFFFFF;
border: #1DC7F8 solid 1px;
margin: 0 6px 0px 6px;
height: 525px;
overflow: hidden;
}
.divl {
float: left;
width: 600px;
}
.divr_ul2 {
text-align: center;
overflow: hidden;
margin-top: 30px;
margin-top: 15px;
}
.divr_ul3 {
margin: 50px auto 0 auto;
width: 300px;
overflow: hidden;
}
.divr_ul3 li {
float: left;
margin: 0 0 15px 20px;
display: inline;
}
.tijiao {
width: 100px;
margin: 0 auto;
}
.uio p {
float: left;
width: 300px;
margin: 0px;
}
</style>
<script language="javascript" type="text/javascript">
var xz=0;
function processForm(form)
{
xz=0;
var xf=0;
if (form.c1[0].checked==1) xf+=0;
else if (form.c1[1].checked==1) xf+=0;
else xz=1;

if (form.c2[0].checked==1) xf+=0;
else if (form.c2[1].checked==1) xf+=0;
else if (form.c2[2].checked==1) xf+=0;
else if (form.c2[3].checked==1) xf+=0;
else xz=1;

if (form.c3[0].checked==1) xf+=0;
else if (form.c3[1].checked==1) xf+=0;
else xz=1;

if (form.c4[0].checked==1) xf+=0;
else if (form.c4[1].checked==1) xf+=0;
else if (form.c4[2].checked==1) xf+=0;
else xz=1;

if (form.c5[0].checked==1) xf+=0;
else if (form.c5[1].checked==1) xf+=0;
else if (form.c5[2].checked==1) xf+=0;
else xz=1;

if (form.c6[0].checked==1) xf+=0;
else if (form.c6[1].checked==1) xf+=0;
else xz=1;

if (form.c7[0].checked==1) xf+=0;
else if (form.c7[1].checked==1) xf+=2;
else if (form.c7[2].checked==1) xf+=0;
else xz=1;

if (form.c8[0].checked==1) xf+=0;
else if (form.c8[1].checked==1) xf+=2;
else if (form.c8[2].checked==1) xf+=2;
else xz=1;

if (form.c9[0].checked==1) xf+=2;
else if (form.c9[1].checked==1) xf+=0;
else if (form.c9[2].checked==1) xf+=2;
else if (form.c9[3].checked==1) xf+=2;
else if (form.c9[4].checked==1) xf+=2;
else if (form.c9[5].checked==1) xf+=0;
else if (form.c9[6].checked==1) xf+=0;
else xz=1;
if(xz!=0){alert('请认真选择每一项！');return;}
else
{
if (xf>1) form.answer.value="您好！感谢您百忙之中登陆北京毛发移植研究网站！\n\r根据以上您选择的答案，您目前的脱发情况属于植发患者范畴，\n\r您有条件通过毛发移植手术来改变您的现状。\n\r如果您想详细了解病情，\n\r请与本站客服进行咨询或直接拨打专家热线：010-68692678\n\r";
if (xf<1) form.answer.value="您好！感谢您百忙之中登陆北京毛发移植研究网站！\n\r根据以上您选择的答案，您目前的脱发情况不属于植发患者范畴，\n\r您有条件通过毛发移植手术来改变您的现状。\n\r请与本站客服进行咨询或直接拨打专家热线：010-68692678\n\r";
}
}
</script>
</head>

<body>

<div class="wrap">
<form name="see">
<div id="con_faq_1" class="divl">
<ul>
<li>
<h1>1、您的性别？</h1>
<input name="c1" type="radio" value="12"/> 男性。
<input name="c1" type="radio" value="32"/> 女性。 </li>
<li>
<h1>2、您的年龄段是？</h1>
<input name="c2" type="radio" value="11"/> 小于20
<input name="c2" type="radio" value="31"/> 20—30
<input name="c2" type="radio" value="31"/> 30—40
<input name="c2" type="radio" value="31"/> 40以上 </li>
<li>
<h1>3、您的工作环境是否远离辐射？</h1>
<input name="c3" type="radio" value="11"/> 是。
<input name="c3" type="radio" value="31"/> 否。 </li>
<li>
<h1>4、您是否经常熬夜？</h1>
<input name="c4" type="radio" value="13"/> 偶尔。
<input name="c4" type="radio" value="33"/> 经常。
<input name="c4" type="radio" value="33"/> 从不。 </li>
<li>
<h1>5、每次洗发后多长时间开始有出油现象？</h1>
<input name="c5" type="radio" value="14"/> 一天之内
<input name="c5" type="radio" value="34"/> 1-3天
<input name="c5" type="radio" value="34"/> 3-7天 </li>
<li>
<h1>6、每天掉头发的数量大概是多少？</h1>
<input name="c6" type="radio" value="15"/> 100根以内。
<input name="c6" type="radio" value="35"/> 100根以上。 </li>
<li>
<h1>7、家族里是否有脱发现象？</h1>
<input name="c7" type="radio" value="16"/> 没有。
<input name="c7" type="radio" value="36"/> 有。
<input name="c7" type="radio" value="36"/> 不清楚。 </li>
<li>
<h1>8、脱发的时间有多长？</h1>
<input name="c8" type="radio" value="17"/> 一年以内。
<input name="c8" type="radio" value="37"/> 1—3年。
<input name="c8" type="radio" value="37"/> 三年以上。 </li>
<li>
<h1>9、您目前的脱发情况是？</h1>
<div class="uio">
<p><input name="c9" type="radio" value="18"/> 脱发区域不再生长新头发。</p>
<p><input name="c9" type="radio" value="38"/> 脱发区域有生发现象但不明显。</p>
<p><input name="c9" type="radio" value="38"/> 脱发区域面积扩大，一直没有长出头发。</p>
<p><input name="c9" type="radio" value="38"/> 头部受过外创，外创部位一直没有长出头发。
</p>
<p><input name="c9" type="radio" value="38"/> 天生发际线较高、额头两侧额角头发稀疏或后移。</p>
<p><input name="c9" type="radio" value="38"/> 脱发现象时而发生没有规律。</p>
<p><input name="c9" type="radio" value="38"/> 其他。</p>
<div style="clear: both">
</div>
</div>
</li>
</ul>
</div>
<div id="con_faq_2" class="divl" style="display: none;">
<ul class="divr_ul2">
<textarea cols="65" name="answer" rows="14" style="margin-top: 35px; font-family: 宋体; font-size: 9pt; line-height: 25px; color: #000000; text-align: center; overflow-y: hidden; border: 0px;" wrap="virtual"></textarea>
</ul>
<ul class="divr_ul3">
<li><a href="/lxwm"><img src="images/jc/kstd_01.gif" alt="来院路线"/></a></li>
<li><a href="http://swt.zoosnet.net/LR/Chatpre.aspx?id=SWT47911531"><img src="images/jc/kstd_02.gif" alt="在线留言"/></a></li>
<li><a href="http://swt.zoosnet.net/LR/Chatpre.aspx?id=SWT47911531"><img src="images/jc/kstd_03.gif" alt="就医流程"/></a></li>
<li><a href="http://swt.zoosnet.net/LR/Chatpre.aspx?id=SWT47911531"><img src="images/jc/kstd_04.gif" alt="QQ在线咨询"/></a></li>
<li><a href="http://swt.zoosnet.net/LR/Chatpre.aspx?id=SWT47911531"><img src="images/jc/kstd_05.gif" alt="网上预约"/></a></li>
<li><a href="http://swt.zoosnet.net/LR/Chatpre.aspx?id=SWT47911531"><img src="images/jc/kstd_06.gif" alt="客服咨询"/></a></li>
</ul>
</div>
<div style="clear:both;"></div>
<div class="tijiao">
<table border="0" cellpadding="0" cellspacing="5" width="140">
<tr>
<td>
<input id="faq2" οnclick="processForm(this.form);setTab('faq',2,2)" style="font-size: 12px; background: url(images/uii.gif); border: 0px; float: left; width: 72px; height: 21px; line-height: 21px; color: #000000" type="button" value=" 提   交 "/></td>
<td style="display: none">
<input id="faq1" οnclick="setTab('faq',1,2)" style="float: left; height: 25px; background: #144596; border: 1px solid #333333; line-height: 25px; color: #FFFFFF" type="reset" value=" 重新选！"/></td>
</tr>
</table>
</div>
</form>
</div>

</body>

</html>

胖胖爱家

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js选择题

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&lt;met
复制链接

扫一扫

专栏目录