2017-01-10 2 views
0

haben drei Fragen, indem Sie Radiobuttons überprüfen, erhalten die Werte, die ich in meinem Zustand verwende. Ich habe versucht,Wie bewerten Sie den Ausdruck mit oder und Bedingungen?

<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 q1 = $('input[name=q1]:checked').val(); 
       var q2 = $('input[name=q2]:checked').val(); 
       var q3 = $('input[name=q3]:checked').val();  
       toString1(q1v, q2v, q3v);    
        if((q1 == "A" || q1 == "N") && ((q1+q2+q3)/3 > 0.60)){ 
        console("q1 Agree or Nuetral and also value is above 60%"); 
        } 
        else if((q2 == "A" || q2 =="N") && ((q1+q1+q1/3) > 0.60)){ 
        console("q2 Agree or Nuetral and also value is above 60% "); 
        } 
        else if((q3 == "A" || q3 == "N") && ((q1+q1+q1/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% "); 
        } 
       }); 
      }); 
      </script> 
     </body> 
</html> 
+0

Können Sie den Code bearbeiten, damit es richtig angezeigt wird und neu formulieren die Frage, wie es ist nicht klar, was Sie wollen ? Ein Beispiel für das erwartete Ergebnis könnte ebenfalls hilfreich sein. – motanelu

+0

Ich habe Code in jsfiddle hinzugefügt: https://jsfiddle.net/3o6am8f3/5/ bitte einmal überprüfen –

+0

... und das erwartete Ergebnis? Was sollte in beiden Fällen passieren? – motanelu

Antwort

1

Sie, indem er erklärt, ein Objekt mit dem Schlüssel beginnen ist der Code, den Sie aus Ihrer Form sind das Abrufen und der Wert der Zahlenwert ist, als solche:

var values = { 
    'A': 10, 
    'N': 6, 
    'D': 3, 
    'NA': 0 
} 

Jetzt können Sie Greifen Sie auf Ihre Werte wie values[q1] zu, wobei q1 eines von A, N, D oder NA ist. Hier ist ein funktionierendes Beispiel:

$(function() { 
 
    var values = { 
 
    'A': 10, 
 
    'N': 6, 
 
    'D': 3, 
 
    'NA': 0 
 
    } 
 

 
    $('#submit').on('click', function() { 
 
    var q1 = $('input[name=q1]:checked').val() 
 
    var q2 = $('input[name=q2]:checked').val() 
 
    var q3 = $('input[name=q3]:checked').val() 
 

 
    console.log('Value for q1: ' + values[q1]) 
 
    console.log('Value for q2: ' + values[q2]) 
 
    console.log('Value for q3: ' + values[q3]) 
 

 
    var sum = values[q1] + values[q2] + values[q3] 
 

 
    console.log(sum) 
 
    }) 
 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<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>

PS: versuchen, die Schnipsel in Vollbildanzeige

Verwandte Themen