2017-01-10 40 views
-2
<html> 
<head> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script> 
</head> 
<body> 
    <form> 
    <p>question 1</p> 
    <p> 
     <input type="radio" name="q1" value="A"> 
     <label>Agree</label> 
     <input type="radio" name="q1" value="N"> 
     <label>Nuetral</label> 
     <input type="radio" name="q1" value="D"> 
     <label>DisAgree</label> 
     <input type="radio" name="q1" value="NA"> 
     <label>NOt Applicable</label> 
    </p> 
    <p>question 2</p> 
    <p> 
     <input type="radio" name="q2" value="A"> 
     <label>Agree</label> 
     <input type="radio" name="q2" value="N"> 
     <label>Nuetral</label> 
     <input type="radio" name="q2" value="D"> 
     <label>DisAgree</label> 
     <input type="radio" name="q2" value="NA"> 
     <label>NOt Applicable</label> 
    </p> 
    <p>question 3</p> 
    <p> 
     <input type="radio" name="q3" value="A"> 
     <label>Agree</label> 
     <input type="radio" name="q3" value="N"> 
     <label>Nuetral</label> 
     <input type="radio" name="q3" value="D"> 
     <label>DisAgree</label> 
     <input type="radio" name="q3" value="NA"> 
     <label>NOt Applicable</label> 
    </p> 
    <button id="submit">Submit</button> 
    </form> 
    <script> 
    $(document).ready(function() { 
     var A = 10, 
     N = 6, 
     D = 3, 
     NA = 0; 
     var v1, v2, v3; 

     $("#submit").click(function() { 
     debugger; 
     var q1v = $('input[name=q1]:checked').val(); 
     var q2v = $('input[name=q2]:checked').val(); 
     var q3v = $('input[name=q3]:checked').val(); 

     if (v1 == "N") { 
      v1 = N; 
     } else if (v1 == "A") { 
      v1 = A; 
     } 

     if (v2 == "N") { 
      v2 = N; 
     } else if (v2 == "A") { 
      v2 = A; 
     } 

     if (v3 == "N") { 
      v3 = N; 
     } else if (v3 == "A") { 
      v3 = A; 
     } 

     if ((q1v == "A" || q1v == "N") && ((v1 + v2 + v3)/3 > 0.60)) { 
      console("q1 Agree or Nuetral and also value is above 60%"); 
     } else if ((q2v == "A" || q2v == "N") && ((v1 + v1 + v1/3) > 0.60)) { 
      console("q2 Agree or Nuetral and also value is above 60% "); 
     } else if ((q3v == "A" || q3v == "N") && ((v1 + v1 + v1/3) > 0.60)) { 
      console("q3 Agree or Nuetral and also value is above 60% "); 
     } else { 
      console("q1,q2 and q3 DisAgree or NotApplicable and also value is bellow 60% "); 
     } 
     }); 

     function toString1(v1, v2, v3) { 
     debugger; 

     if (v1 == "N") { 
      v1 = N; 
     } else if (v1 == "A") { 
      v1 = A; 
     } 

     if (v2 == "N") { 
      v2 = N; 
     } else if (v2 == "A") { 
      v2 = A; 
     } 

     if (v3 == "N") { 
      v3 = N; 
     } else if (v3 == "A") { 
      v3 = A; 
     } 
     } 
    }); 
    </script> 
</body> 
</html> 
+0

你怎麼在這個問題已經傾倒的代碼的問題? –

+0

if(q1v ==「A」|| q1v ==「N」)&&((v1 + v2 + v3)/ 3> 0.60))這裏v1,v2,v3的值會不確定? –

+0

基於條件https://jsfiddle.net/3o6am8f3/5/控制檯會來,但這裏每次只有其他塊exicuted –

回答

0
  1. 你必須停止表單提交,因爲它清楚您的控制檯。

替換,

<form> with <form onsubmit="return false"> 
  • 有沒有函數調用控制檯(),則必須更換成控制檯的console.log();
  • $(document).ready(function() { 
     
         var A = 10, 
     
         N = 6, 
     
         D = 3, 
     
         NA = 0; 
     
         var v1, v2, v3; 
     
    
     
         $("#submit").click(function() { 
     
         debugger; 
     
         var q1v = $('input[name=q1]:checked').val(); 
     
         var q2v = $('input[name=q2]:checked').val(); 
     
         var q3v = $('input[name=q3]:checked').val(); 
     
    
     
         if (v1 == "N") { 
     
          v1 = N; 
     
         } else if (v1 == "A") { 
     
          v1 = A; 
     
         } 
     
    
     
         if (v2 == "N") { 
     
          v2 = N; 
     
         } else if (v2 == "A") { 
     
          v2 = A; 
     
         } 
     
    
     
         if (v3 == "N") { 
     
          v3 = N; 
     
         } else if (v3 == "A") { 
     
          v3 = A; 
     
         } 
     
    
     
         if ((q1v == "A" || q1v == "N") && ((v1 + v2 + v3)/3 > 0.60)) { 
     
          console.log("q1 Agree or Nuetral and also value is above 60%"); 
     
         } else if ((q2v == "A" || q2v == "N") && ((v1 + v1 + v1/3) > 0.60)) { 
     
          console.log("q2 Agree or Nuetral and also value is above 60% "); 
     
         } else if ((q3v == "A" || q3v == "N") && ((v1 + v1 + v1/3) > 0.60)) { 
     
          console.log("q3 Agree or Nuetral and also value is above 60% "); 
     
         } else { 
     
          console.log("q1,q2 and q3 DisAgree or NotApplicable and also value is bellow 60% "); 
     
         } 
     
         }); 
     
    
     
         function toString1(v1, v2, v3) { 
     
         debugger; 
     
    
     
         if (v1 == "N") { 
     
          v1 = N; 
     
         } else if (v1 == "A") { 
     
          v1 = A; 
     
         } 
     
    
     
         if (v2 == "N") { 
     
          v2 = N; 
     
         } else if (v2 == "A") { 
     
          v2 = A; 
     
         } 
     
    
     
         if (v3 == "N") { 
     
          v3 = N; 
     
         } else if (v3 == "A") { 
     
          v3 = A; 
     
         } 
     
         } 
     
        });
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
     
    <form onsubmit="return false"> 
     
        <p>question 1</p> 
     
        <p> 
     
         <input type="radio" name="q1" value="A"> 
     
         <label>Agree</label> 
     
         <input type="radio" name="q1" value="N"> 
     
         <label>Nuetral</label> 
     
         <input type="radio" name="q1" value="D"> 
     
         <label>DisAgree</label> 
     
         <input type="radio" name="q1" value="NA"> 
     
         <label>NOt Applicable</label> 
     
        </p> 
     
        <p>question 2</p> 
     
        <p> 
     
         <input type="radio" name="q2" value="A"> 
     
         <label>Agree</label> 
     
         <input type="radio" name="q2" value="N"> 
     
         <label>Nuetral</label> 
     
         <input type="radio" name="q2" value="D"> 
     
         <label>DisAgree</label> 
     
         <input type="radio" name="q2" value="NA"> 
     
         <label>NOt Applicable</label> 
     
        </p> 
     
        <p>question 3</p> 
     
        <p> 
     
         <input type="radio" name="q3" value="A"> 
     
         <label>Agree</label> 
     
         <input type="radio" name="q3" value="N"> 
     
         <label>Nuetral</label> 
     
         <input type="radio" name="q3" value="D"> 
     
         <label>DisAgree</label> 
     
         <input type="radio" name="q3" value="NA"> 
     
         <label>NOt Applicable</label> 
     
        </p> 
     
        <button id="submit">Submit</button> 
     
        </form>

    +0

    如果我選擇同意或Nuetral第一條件需要excutate但每次其他塊被執行請幫助我 –

    +0

    這裏v1和v2和v3爲什麼會出現未定義的值? –

    +0

    請幫助我https://jsfiddle.net/3o6am8f3/5/ –