jqueryを使用してフォームから値を取得する

jQueryを初めて使い、給与計算機の構築を練習したいと思っています。私はフォームから値を取得できるようにしたいが、何も成功していない。どのようにそれを行うことができますか？jqueryを使用してフォームから値を取得する

私はvar bla = $('#txt_name').val();を使ってみましたが、私はそれを正しくやっているとは思いません。

<!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>

出典

2016-12-12 Andres Quintero

あなたはあなたのjQueryと何かエラーを投稿するのを忘れました – j08691

さらに、提出するそれぞれの入力に 'name ='属性を割り当てる必要があります。 – zer00ne

あなたは正しいことをしています。エラーやjqueryコードをアップロードしてください。 –

あなたは計算に使用する入力フィールド、そうでない場合は$（ '＃のtxt_name'）のIDを設定し忘れてはいけないのval（）;は未定義を返しますが、これはおそらく問題の原因です。私が見る限り、あなたは入力ではなく、スパンのIDを設定しています。

出典

2016-12-12 03:59:32 bodi0

jqueryを使用してフォームから値を取得する

答えて

関連する問題