Berechnung in jQuery Form

Question

Ich versuche, ein Formular mit einer kurzen Berechnung zu machen, um herauszufinden, Rahmengrößen für Fahrräder.

Die Berechnung ist: Länge * 0,68 = Rahmengröße. Wenn jedoch die Option Sattelspitze ausgewählt ist, sollte ein Abzug von 4 (der berechneten Rahmengröße) vorgenommen werden.

Dies ist, was ich bisher:

$("select[name='length']").change(function(){ 
    var $l = $('length[name='length']'); 
    if($l.length >140){ 
     var m = parseInt($l.val(), 10) 
     $("#result").val(l*0.68); 
    } else { 
     $("p").text("Hello world!"); 
    }  
}); 

---

<form> 
    <input type="text" value"" name="length"> 
    <input type="radio" name="type" value="nopin"> Zadelpen 
    <input type="text" value="" id="result"/> 
</form> 
<p></p> 

Und die Geige ist hier: https://jsfiddle.net/m2qnf3jm/

Wie Sie es mich sehen, kann kein Ergebnis geben. Ich bin neu bei jQuery und habe versucht, den Tutorials zu folgen, die ich zu diesem Thema finden konnte. Ich schätze, ich brauche einen Knopf, um die Berechnung zu starten. Und wie ziehe ich am Ende ab, wenn die Option Sattel-Pin ausgewählt ist?

Es gibt auch eine Mindestlänge von 140, also habe ich versucht, etwas zu wiederholen, wenn jemand einen niedrigeren Wert eingibt.

Answer 1

Ihre HTML und Javascript viel Tippfehler und ungültige Syntax. Versuchen Sie folgendes:

$('document').ready(function() { 
 
    $('input[name="length"]').on('change', function() { 
 
    var lengVal = $(this).val(); 
 
    var m = parseFloat(lengVal) * 0.68; 
 
    
 
    $('#result').val(lengVal > 140 ? m : 'Hello World!'); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
<input type="text" value="" name="length"> 
 
<input type="radio" name="type" value="nopin"> Zadelpen 
 
<input type="text" value="" id="result"/> 
 
</form>

Answer 2

Die Onchange Ereignis scheint ein wenig schief.

$().ready(function() { 
    //PAGE READY FUNCTION - THE PLACE TO BIND EVENTS 
    $("input[name='length']").on('change, keyup', function() { 
     var length = $(this).val(); 
     if($l.length >140) 
     { 
      var m = parseFloat(length); 
      var value = m * 0.68; 
      $('p').html("NORMAL"); 
      if($('#radio_button').is(':checked')) 
      { 
       value = value - 4; 
       $('p').html("ZANDELPEN"); 
      } 
      $("#result").val(l*0.68); 
     } 
     else  
     { 
      $("p").text("Too Short!"); 
     } 
     }); 

}); 

EDIT

spät Too scheint es. Aber der Radioknopfcode ist für dich da.

Good Luck

Answer 3

Hier ist Ihre Lösung

$('document').ready(function(){ 
    $('[name="length"]').on('change', function(){ 
     var l = $(this).val(); 
     if(l > 140){ 
      $("#result").val(parseInt(l) * 0.68); 
     } 
     else{ 
      $("p").text("Hello world!"); 
     } 
    }); 
}); 

Answer 4

$('#cacl_btn').on('click',function() { 
 
$("p").text(''); 
 
    var $l = $('input[name="length"]').val(); 
 
    
 
    if ($l >= 140) { 
 
    var m = $l * 0.68; 
 
var deduction=$('input[name="type"]').prop('checked')?4:0; 
 
    $("#result").val(Math.round(m*100)/100-deduction); 
 
    
 
    } else { 
 
    $("p").text("length couldn't be <140"); 
 
     $("#result").val(''); 
 
    } 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<form> 
 
    <input type="text" value "" name="length"> 
 
    <input type="checkbox" name="type"> Zadelpen 
 
    
 
    <input type="button" id="cacl_btn" value="calculate"> 
 
    <input type="text" value="" id="result" /> 
 
</form> 
 
<p></p>

Wenn ich Ihre Berechnungen richtig verstehen, versuchen Sie diesen Code

auch zu laufen, in Ihrem Geige hast du vergessen, einen Link zu jque hinzuzufügen ry

Ich rate Ihnen auch, ID für Eingaben oder Klassennamen zu verwenden.