zoukankan      html  css  js  c++  java
  • 循环判断单选是否选择了--可做为试题循环判断

    html

            <div class="form-group clearfix">
                              <label class="col-xs-12 l_name"><strong>*</strong>{$to.title}</label>
                              <img class="col-xs-12" src="<?php echo C('IMG_URL'); ?>{$to.picture}" class="img-responsive" alt="Responsive image">
                         <div class="col-xs-12 panduan" style="margin:20px auto">  
                              <label class="col-xs-3"><input name="shiti[{$k}][]" type="radio" value="A" />A </label> 
                              <label class="col-xs-3"><input name="shiti[{$k}][]" type="radio" value="B" />B </label> 
                              <label class="col-xs-3"><input name="shiti[{$k}][]" type="radio" value="C" />C </label> 
                              <label class="col-xs-3"><input name="shiti[{$k}][]" type="radio" value="D" />D </label>
                       </div>
                          
            </div>
     </foreach> 
    
      <div class="form" >
            <form class="yourform" action="/index.php?s=/Home/Zli/score" method="post"  id='form1' enctype="multipart/form-data">
               <input type="hidden" name="aid" value="2">
               <!-- 填空题 -->
    
       <div class="form-group clearfix">
                              <label class="col-xs-12 l_name"><strong>*</strong>4. 请选择最适合的一项填入问号处,使之符合之前四个图形的变化规律。</label>
                              <img class="col-xs-12" src="/Home/Public/images/weixin/shiti2_1.png" class="img-responsive" alt="Responsive image">
                         <div class="col-xs-12 panduan" style="margin:20px auto">  
                              <label class="col-xs-3"><input name="shiti[0][]" type="radio" value="A" />A </label> 
                              <label class="col-xs-3"><input name="shiti[0][]" type="radio" value="B" />B </label> 
                              <label class="col-xs-3"><input name="shiti[0][]" type="radio" value="C" />C </label> 
                              <label class="col-xs-3"><input name="shiti[0][]" type="radio" value="D" />D </label>
                       </div>
                          
            </div><div class="form-group clearfix">
                              <label class="col-xs-12 l_name"><strong>*</strong>5. 从所给的四个选项中,选择最合适的一个填入问号处,使之呈现一定的规律性:</label>
                              <img class="col-xs-12" src="/Home/Public/images/weixin/shiti2_2.png" class="img-responsive" alt="Responsive image">
                         <div class="col-xs-12 panduan" style="margin:20px auto">  
                              <label class="col-xs-3"><input name="shiti[1][]" type="radio" value="A" />A </label> 
                              <label class="col-xs-3"><input name="shiti[1][]" type="radio" value="B" />B </label> 
                              <label class="col-xs-3"><input name="shiti[1][]" type="radio" value="C" />C </label> 
                              <label class="col-xs-3"><input name="shiti[1][]" type="radio" value="D" />D </label>
                       </div>
                          
            </div><div class="form-group clearfix">
                              <label class="col-xs-12 l_name"><strong>*</strong>6.从所给的四个选项中,选择最合适的一个填入问号处,使之呈现一定的规律性:</label>
                              <img class="col-xs-12" src="/Home/Public/images/weixin/shiti2_3.png" class="img-responsive" alt="Responsive image">
                         <div class="col-xs-12 panduan" style="margin:20px auto">  
                              <label class="col-xs-3"><input name="shiti[2][]" type="radio" value="A" />A </label> 
                              <label class="col-xs-3"><input name="shiti[2][]" type="radio" value="B" />B </label> 
                              <label class="col-xs-3"><input name="shiti[2][]" type="radio" value="C" />C </label> 
                              <label class="col-xs-3"><input name="shiti[2][]" type="radio" value="D" />D </label>
                       </div>
                          
            </div> 
    
             
              <div class="clearfix"></div>
    
              <div class="text-center">
              		<button  id="btnGo" type="button" onclick="return validateForm();" class="btn">提交</button>
              </div>
           
    	     
           </form>
    </div
    

      jquery

    <script type="text/javascript">
       function validateForm(){ 
          var tishi = true;
          $.each($(".panduan"),function(i,item){
                if(!$(this).find("input:checked").size()){             
                   tishi = false;                         
               } 
            });
         if(tishi){       
              $("#form1").submit();
         
          }else{
              alert("您未答题完毕,请完成后点击提交");
          }
      }  
    </script>
    

      

  • 相关阅读:
    程序员父亲的遗产——编程十诫 转载
    如何跟程序员谈一场没有Bug的恋爱
    java集合(ArrayList,Vector,LinkedList,HashSet,TreeSet的功能详解)
    CentOS7.0下载各版本说明 新增Everything版
    Virtualbox虚拟机安装CentOS 6.5图文详细教程
    s:iterator数据累加示例代码
    关于程序员的59条搞笑但却真实无比的编程语录
    jQuery EasyUI API 中文文档
    Java发送带html标签内容的邮件
    javascript比较两个时间大小
  • 原文地址:https://www.cnblogs.com/php0916/p/7921175.html
Copyright © 2011-2022 走看看