调查问卷-动态表单

index.html

--------------------------------------

textfield2

==============================================================

wenjuan.js

---------

// JavaScript Document

function view()
{
	var info="问卷内容";
//整个窗口的标题
	var xm=document.getElementById("txtName").value;
	info+="\n姓名："+xm;
//获取文本信息，获取的是ID为textName的内容并info输出到弹窗,符号  \n  为换行
	
	
	var lianxi=document.getElementById("txtContact").value;
	info+="\n联系方式："+lianxi;
//输出显示info+lianxi联系方式
	
	var suozaishequ=document.getElementById("txtDepart").value;
	info+="\n所在社区："+suozaishequ;
	
	var youxiang=document.getElementById("txtMail").value;
	info+="\n邮箱："+youxiang;
	
	xm="";
//初始化
	for(i=0;i<2;i++)
	{
		if(document.getElementById("rdSex_"+i).checked)
		{
			xm=document.getElementById("rdSex_"+i).value;break;
		}
	}
	info+="\n性别："+xm;
	
	xm="";
	var kjsz=document.getElementsByName("rdMyd");
	for(i=0;i<kjsz.length;i++)
	{
		if(kjsz.item(i).checked)
		{
			xm=kjsz.item(i).value;break;
		}
	}
	info+="\n满意度："+xm;
//----------------------------------------------------------------------------------	
	xm="";
	var kjsz=document.getElementsByName("ckDoWhat");
	for(i=0;i<kjsz.length-1;i++)//少循环一次，最后的其他不用循环处理
	{
		if(kjsz.item(i).checked)
		{
			xm+=kjsz.item(i).value;
		}
	}
	if(document.getElementById("ckDoWhat_4").checked)
	{
		xm+=document.getElementById("textDoWhat").value;
	}
	info+="\n您来到首页主要会做些什么？\n"+xm;
<!--第一个多选项-->



xmd="";
	var kjszd=document.getElementsByName("zhaonr");
	for(i=0;i<kjszd.length-1;i++)//少循环一次，最后的其他不用循环处理
	{
		if(kjszd.item(i).checked)
		{
			xmd+=kjszd.item(i).value;
		}
	}
	if(document.getElementById("zhaonr_4").checked)
	{
		xmd+=document.getElementById("textzhaonr").value;
	}
	info+="\n你可以方便找到你想查看的内容吗？"+xmd;


xmd1="";
	var guanzhu=document.getElementsByName("guanzhu");
	for(i=0;i<guanzhu.length-1;i++)//少循环一次，最后的其他不用循环处理
	{
		if(guanzhu.item(i).checked)
		{
			xmd1+=guanzhu.item(i).value;
		}
	}
	if(document.getElementById("guanzhu_4").checked)
	{
		xmd1+=document.getElementById("textguanzuqita").value;
	}
	info+="\n您在首页会关注哪些内容？\n"+xmd1;










	
	alert(info);
}

===============================================================

css/wenjuan.css

--------------

@charset "utf-8";
/* CSS Document */

.title {
	font-size: 24px;
	font-weight: bold;
	color: #F00;
	padding-top:10px;
	padding-bottom:10px;
}
.subtitle {
	font-size: 18px;
	color: #00F;
	background-color: #CCF;
	padding-top:10px;
	padding-bottom:10px;
}
.itm {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding-top:10px;
	padding-bottom:10px;
}
.bt {
	font-size: 24px;
	color: #FFF;
	background-color: #F00;
}