首先,頁面form表單中的對應每個問題前的隱藏選擇框,以及它後面對應的問題:
<label style="display:none">
<input type="checkbox" name="inquestion" value="<%=questionId%>" checked="checked" />
</label>
<p><b><%=questionName%></b></p>
其次,頁面form表單每個問題下的答案的選中的按鈕:
<input type="radio" name="<%=questionId%>answer" value="<%=resultId%>" align="absmiddle" /><%=resultName%>
按鈕的出現是在每個問題的後面,可以有多個答案,每個答案有一個對應的radio,然後我們在提交表單的時候遍曆form檢查是否每個問題後面的答案都已經有一個被選中。
最後,提交form的時候用jquery檢查選中情況:
function submitForm() { www.2cto.com
var str = "" ;
//取到每個問題前面的隱藏選擇框,目的是取到內個問題的id
$('input[type="checkbox"][name="inquestion"]').each(function () {
if (this.checked) {
//將問題用“;”串起來
str += $(this).val()+";" ;
}
});
//將串起來的問題拆分
var ids = str.split(";") ;
//取到每個問題的id,然後構造問題答案的對象名name,取到答案對象$(DOM對象),進而判斷是否選擇
for(var i=0 ;i <(ids.length-1) ;i++) {
//得到問題id
var qid = ids[i] ;
//得到答案對象
var transferType = $("input[name='"+qid+"answer']:checked").val() ;
//判斷對象是否選擇
if(transferType == undefined || transferType == null ) {
alert("第"+(parseInt(i)+1)+"題您未選擇,請選擇.") ;
return ;
}
}
document.myform.submit();
}