Holen Sie sich Werte aus dem Formular mit jquery

Ich bin neu in jQuery und möchte den Aufbau eines Gehaltsrechner berechnen. Ich möchte die Werte aus dem Formular abrufen können, habe aber keinen Erfolg gehabt. Wie kann es gemacht werden?Holen Sie sich Werte aus dem Formular mit jquery

Ich versuchte mit var bla = $('#txt_name').val(); aber ich glaube nicht, dass ich es richtig mache.

<!DOCTYPE HTML> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>Payroll Calculator</title> 
    <meta name="viewport" contect="width=devide-width, user-scalable=no,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> 
    <link rel="stylesheet" href="css/bootstrap.min.css"> 
    <link rel="stylesheet" href="css/styles.css"> 
    <link rel="stylesheet" href="css/myStyle.css"> 
    <script src="js/jquery.js"></script> 
</head> 

<body> 
    <header> 
     <div class="container"> 
      <div class="col-xs-12">    
       <h1>Payroll Calculator</h1> 
      </div>  
     </div> 
    </header> 

    <div class="container"> 
     <section class="main row"> 
      <article class="col-xs-12 col-sm-6 col-md-6"> 
       <h3>Employee</h3> 
       <div class="input-group"> 
        <span class="input-group-addon" id="firstName">First Name</span> 
        <input type="text" class="form-control"> 
       </div> 
       <br> 
       <div class="input-group"> 
        <span class="input-group-addon" id="lastName">Last Name</span> 
        <input type="text" class="form-control"> 
       </div> 
       <br>      
       <div class="input-group"> 
        <span class="input-group-addon" id="rateType">Rate Type&nbsp</span> 
        &nbsp<input type="radio" name="optradio" id="hourly">Hourly 
        <input type="radio" name="optradio">Salary 
       </div> 
       <br> 
       <div class="input-group"> 
        <span class="input-group-addon">Rate Amount</span> 
        <input type="text" class="form-control"> 
        <span class="input-group-addon">.00</span> 
       </div> 
       <br> 
       <div class="input-group"> 
        <span class="input-group-addon" id="regularHours">Regular Hours</span> 
        <input type="text" class="form-control"> 
       </div> 
       <br> 
       <div class="input-group"> 
        <span class="input-group-addon" id="overtimeHours">Overtime Hours</span> 
        <input type="text" class="form-control"> 
       </div> 
       <br>      
       <div class="input-group"> 
        <span class="input-group-addon" id="otherHours">Other Hours</span> 
        <input type="text" class="form-control"> 
       </div> 
       <br> 
       <div class="input-group"> 
        <span class="input-group-addon" id="regularEarnings">Regular Earnings</span> 
        <input type="text" class="form-control"> 
       </div> 
       <br> 
       <div class="input-group"> 
        <span class="input-group-addon" id="overtimeEarnings">Overtime Earnings</span> 
        <input type="text" class="form-control"> 
       </div> 
       <br>      
       <div class="input-group"> 
        <span class="input-group-addon" id="otherEarnings">Other Earnings</span> 
        <input type="text" class="form-control"> 
       </div> 
       <br>     


<button type="button" class="btn btn-default" onclick="enterHours()">Calculate</button> 
<button type="button" class="btn btn-default">Cancel</button> 


      </article> 

      <aside class="col-xs-12 col-sm-6 col-md-6"> 
       <h3 class="sidebar">Results</h3> 
      </aside> 
     </section> 
    </div> 

    <footer> 
     <div class="container" > 
      <h3>Andres Quintero</h3> 
     </div> 
    </footer> 

<script src="js/app.js"></script> 
</body>

Quelle

2016-12-12 Andres Quintero

Sie haben vergessen, Ihre jQuery und alle Fehler, die Sie erhalten, – j08691

zu posten. Außerdem müssen Sie das Attribut 'name =' für jede Eingabe zuweisen, die Sie übermitteln möchten. – zer00ne

Sie tun richtig. aber bitte lade Fehler oder jquery Code für deine Hilfe hoch. –

nicht id der Eingabefelder gesetzt Forget, die Sie für die Berechnung verwenden, sonst $ ('# txt_name') val(). wird zurückgeben undefined, das ist wahrscheinlich der Grund für Ihr Problem. Soweit ich sehen kann, setzen Sie die IDs der Spannen, nicht der Eingaben.

Quelle

2016-12-12 03:59:32 bodi0

Holen Sie sich Werte aus dem Formular mit jquery

Antwort

Verwandte Themen