js+jquery做调查问卷:每个题有四个选项,每个选项后面都有一个输入框

JavaScript044

js+jquery做调查问卷:每个题有四个选项,每个选项后面都有一个输入框,第1张

<!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 runat="server">

<title></title>

<style>

.com_div{ width:100%float:left}

.com_content{ width:1000pxmargin:0px auto}

.com1{ width:100%float:leftmargin-bottom:10px}

.fleft{ float:leftmargin-right:50px}

.fleft1{ float:leftdisplay:none}

.fleft1 input{ border:1px solid #dddddd}

</style>

<script src="../map_dialog/js/jquery.js" type="text/javascript"></script>

<script>

$(function () {

$(".com1 input:radio").click(function () {

var o = $(this).attr("checked") == "checked" ? true : false

if (o) {

$(".fleft1").show()

}

})

})

</script>

</head>

<body>

<form id="form1" runat="server" action="test.aspx?action=save">

<div class="com_div">

<div class="com_content">

<div class="com1">1、1+1=?</div>

<div class="com1"><span class="fleft">A、1 <input type="radio" id="txta" name="txtanswer" value="1" /></span>

<span class="fleft">B、2 <input type="radio" id="txtb" name="txtanswer" value="2" /></span>

<span class="fleft">C、3 <input type="radio" id="txtc" name="txtanswer" value="3" /></span>

<span class="fleft">D、4 <input type="radio" id="txtd" name="txtanswer" value="4" /></span>

<span class="fleft1"><input type="text" id="other_txt" name="other_txt" /></span>

</div>

<div class="com1"><input type="submit" value=" 提 交" /></div>

</div>

</div>

</form>

</body>

</html>

//-------------------------------------------------------------------------

//后台代码

//-------------------------------

using System

using System.Collections.Generic

using System.Linq

using System.Web

using System.Web.UI

using System.Web.UI.WebControls

namespace WebTest.baidu_test

{

public partial class test : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

if(Request["action"]!=null)

{

GetData()

}

}

/// <summary>

/// 得到数据

/// </summary>

public void GetData()

{

//得到前台选择的答案

string txt_answer = Request["txtanswer"].ToString()

}

}

}

//-你看这种可以不,如果不行可以跟我留言,希望能帮上你。

如果能你就是你这个网站的问题,如果不能使用其他浏览器看一下,如果能正常运行重装一下ie如果是使用ie则执行1.打开一个IE窗口2.点击"工具"菜单3.选择"internet选项"4.选择"安全"选项卡5.页面中电击自定义级别6.在"自定义级别"7.滚动滚动条,在设置列表中找到"脚本",将其下的"javascript脚本","活动脚本",和"允许脚本粘贴"三项都设置为允许8."确定"保存

按照这段代码来看,你的页面上有N个form,如果你能获取到是哪个form,可以这样

$("input[name=answer]",form).val()

不过我猜你这应该是问卷页面,估计是用for循环来获取form的,获取多个form的话,先把foreach里面的form加上一个class,如class="answerForm",js中这样获取所有form

var forms = $("form.answerForm")