如何從td Jquery中的Input字段讀取值

Question

我有一張桌子，在tds中有一個文本框

        <table class="table ratemanagement customtabl-bordered " id="rate_table">
       <tbody>
          <tr>
             <th><input type="checkbox" onclick="select_all()" class="check_all"></th>
             <th>From Days*</th>
             <th>To Days*</th>
             <th>Rent*</th>
          </tr>
          <tr>
             <td>
                <input class="case" type="checkbox">
             </td>
             <td class="v">
                <input id="rate_fromdays" class="form-control" name="fromdays" type="text">
             </td>
             <td>
                <input id="rate_todays" class="form-control" name="todays" type="text">
             </td>
             <td>
                <input id="rate_rent" class="form-control" name="rent" type="text">
             </td>
          </tr>
<tr>
             <td>
                <input class="case" type="checkbox">
             </td>
             <td class="v">
                <input id="rate_fromdays" class="form-control" name="fromdays" type="text">
             </td>
             <td>
                <input id="rate_todays" class="form-control" name="todays" type="text">
             </td>
             <td>
                <input id="rate_rent" class="form-control" name="rent" type="text">
             </td>
          </tr>
       </tbody>
    </table>

我想從我嘗試過的文本框中讀取值

var values = {};
    $('.v input').each(function () {
        values[$(this).attr('name')] = $(this).val();
    });

和

$('input[name="fromdays"],[name="todays"],[name="rent"]').each(function () {
      var fromdays = $(this).val();
      alert(fromdays);
 });

我想將值存儲在自變量中，從前一天到第一個變量我該怎么辦，從今天到第二個變量，我該怎么辦？

Answer 1

var values = [];
    $('.v input').each(function () {
        values.push($(this).attr('name') = $(this).val());
    });

Answer 2

您可以通過檢查input字段的name屬性將值存儲在三個不同的arrays

var fromdays=new Array();
var todays=new Array();
var rent=new Array();
$('#rate_table input[type="text"]').each(function () {

    if($(this).attr('name')=="fromdays")
        fromdays.push($(this).val())

    if($(this).attr('name')=="todays")
        todays.push($(this).val())


    if($(this).attr('name')=="rent")
        rent.push($(this).val())

 });

的jsfiddle

Answer 3

單擊按鈕時，遍歷輸入並將其值推入相應的數組：

 $(document).on('click', '#getVar', function() { var fromVar = []; var toVar = []; $('input[name=fromdays]').each(function() { fromVar.push($(this).val()); }); $('input[name=todays]').each(function() { toVar.push($(this).val()); }); alert('from: ' + fromVar + ' - to: ' + toVar); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <table class="table ratemanagement customtabl-bordered " id="rate_table"> <tbody> <tr> <th><input type="checkbox" onclick="select_all()" class="check_all"></th> <th>From Days*</th> <th>To Days*</th> <th>Rent*</th> </tr> <tr> <td> <input class="case" type="checkbox"> </td> <td class="v"> <input id="rate_fromdays" class="form-control" name="fromdays" type="text"> </td> <td> <input id="rate_todays" class="form-control" name="todays" type="text"> </td> <td> <input id="rate_rent" class="form-control" name="rent" type="text"> </td> </tr> <tr> <td> <input class="case" type="checkbox"> </td> <td class="v"> <input id="rate_fromdays" class="form-control" name="fromdays" type="text"> </td> <td> <input id="rate_todays" class="form-control" name="todays" type="text"> </td> <td> <input id="rate_rent" class="form-control" name="rent" type="text"> </td> </tr> </tbody> </table> <button id="getVar">get variables</button>