52,797
社区成员
发帖
与我相关
我的任务
分享
<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
function calc() {
var q1 = parseInt($("input[name='Question1_1']:checked").val());
var q2 = parseInt($("input[name='Question1_2']:checked").val());
var q3 = parseInt($("input[name='Question1_3']:checked").val());
var q4 = parseInt($("#Question2").val());
$("#demo").html('当前选中结果:' + (q1 + q2 + q3 + q4));
}
$(document).ready( function() {
$(":radio").bind('change', calc);
$("select").bind('change', calc);
});
</script>
</head>
<body>
<form name="form1" id="form1" action ="" method="post">
<h1> First type questions</h1>
<p> Question1 :
<input id="Question1_1_1" name="Question1_1" type="radio" value="0" checked="checked" />aa
<input id="Question1_1_2" name="Question1_1" type="radio" value="1" />bb
<input id="Question1_1_3" name="Question1_1" type="radio" value="2" />cc
</p>
<p> Question2 :
<input id="Question1_2_1" name="Question1_2" type="radio" value="0" checked="checked" />aa
<input id="Question1_2_2" name="Question1_2" type="radio" value="1" />bb
<input id="Question1_2_3" name="Question1_2" type="radio" value="2" />cc
</p>
<p> Question3 :
<input id="Question1_3_1" name="Question1_3" type="radio" value="0" checked="checked" />aa
<input id="Question1_3_2" name="Question1_3" type="radio" value="1" />bb
<input id="Question1_3_3" name="Question1_3" type="radio" value="2" />cc
<p>
<select id="Question2" name="Question2">
<option value="0">aa</option>
<option value="1">bb</option>
<option value="2">cc</option>
</select>
</p>
<div id="demo"></div>
<p>
<input value="submit" type="submit" name="submit" />
</p>
</form>
</body>
</html>