jQuery - Comment en ajouter un à une variable quand une entrée est entrée?

Le code est le suivant:jQuery - Comment en ajouter un à une variable quand une entrée est entrée?

\t var risk = 0; 
 

 
if ($('input').val()) { 
 
\t risk += 1 ; 
 
} 
 

 
\t if (risk <= 2) { 
 
\t \t $("#riskAssess").append("LOW RISK").css({"color": "green", "font-size": "25px"}); 
 
\t } 
 

 
\t else if (risk <= 4) { 
 
\t \t $("#riskAssess").append("MODERATE RISK").css({"color": "yellow", "font-size": "25px"}); 
 
\t } 
 

 
\t else { 
 
\t \t $("#riskAssess").append("HIGH RISK").css({"color": "red", "font-size": "25px"}); 
 
\t }

<div id="q2"> 
 
\t \t \t <h2>Answer the Following:</h2> 
 
\t \t \t <div class="grouping"><p><label for="Name">What is your name?</label></p><input type="text" name="Name"/></div> 
 
\t \t \t <p>Select your age range.</p> 
 
\t \t \t \t <div id="age"> 
 
\t \t \t \t <label for="U13">Under 13</label> <input class="check" type="checkbox" id="U13" name="U13" /> 
 
\t \t \t \t <label for="13-17">13-17</label> <input class="check" type="checkbox" id="13-17" name="13-17" /> 
 
\t \t \t \t <label for="18-25">18-25</label> <input class="check" type="checkbox" id="18-25" name="18-25" /> 
 
\t \t \t \t <label for="26-34">26-34</label> <input class="check" type="checkbox" id="26-34" name="26-34" /> 
 
\t \t \t \t <label for="35-54">35-54</label> <input class="check" type="checkbox" id="35-54" name="35-54" /> 
 
\t \t \t \t <label for="55-64">13-17</label> <input class="check" type="checkbox" id="55-64" name="55-64" /> 
 
\t \t \t \t <label for="64+">Over 64</label> <input class="check" type="checkbox" id="64+" name="64+" /> 
 
\t \t \t \t </div> 
 
\t \t \t \t 
 
\t \t \t <div class="grouping"><p><label for="Occupation">What is your occupation?</label></p><input type="text" name="Occupation"/></div> 
 
\t \t \t <div class="grouping"><p><label for="City">What city do you live in?</label></p><input type="text" name="City"/></div> 
 
\t \t \t <div class="grouping"><p id="placeofbirth"><label for="pob">Where were you born?</label></p><input type="text" name="pob"/></div> 
 
\t \t \t <div id="button2"><button id="finish">Finish</button></div> 
 
\t \t \t 
 
\t \t </div> 
 
\t \t 
 
\t \t <div id="qfinal"> 
 
\t \t \t <h2>You are at a <span id="riskAssess"></span></h2>

Il faut ajouter un pour chaque entrée. En ce moment, il reste le même.

Par exemple, lorsque vous répondez « Quel est votre nom », il devrait changer de forme de risque 0 à 1.

Source

2017-08-24 Ethan

Comment exécutez-vous le code? Il doit être dans un écouteur d'événement afin qu'il s'exécute lorsque l'utilisateur entre quelque chose. – Barmar

Pouvez-vous s'il vous plaît inclure votre code HTML? Le cœur de votre problème est que vous ne lancez ce code qu'en charge. –

La variable de risque doit-elle augmenter pour chaque caractère de l'entrée? –

Vous devez ajouter un listner d'événement sur votre entrée.

var risk = 0; 

$('input').focusout(function(){ 
    risk++; 
    encraseRisk(); 
}); 

function encraseRisk(){ 
    console.log(risk); 
    // do something with risk 
}

Source

2017-08-24 19:11:13

jQuery - Comment en ajouter un à une variable quand une entrée est entrée?

Répondre

Questions connexes