jquery實現表單中選擇框/選中按鈕是否選中遍曆檢查(提交頁面中選擇題答案)

來源:互聯網
上載者:User

首先,頁面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();
 }

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.