如何从表中获取行明智值?

时间:2017-03-28 09:26:04

标签: javascript jquery html

我有下表

<table id="grid_table">
    <tr>
        <td><input name="" value="3" id="id_3" checked="checked" type="checkbox"></td>
        <td><input name="qty[]" value="5.0000" type="text"></td> 
    </tr>
    <tr>
        <td><input name="" value="4" id="id_4" checked="checked" type="checkbox"></td>
        <td><input name="qty[]" value="2.0000" type="text"></td> 
    </tr>
</table>

的Javascript

jQuery('table#grid_table input[type=input]').each( function(){  
    alert(jQuery(this).find('qty[]').val());
});

我能够获得数值。

如果选中复选框,则如何获取行,然后选中复选框值&amp;它的文本框值?

1 个答案:

答案 0 :(得分:1)

请尝试以下代码:

&#13;
&#13;
$('table#grid_table tr').each( function(index, item){
   
   if($(item).find('input:checkbox').is(':checked')){ 
      var chk = $(item).find('input:checkbox').val(); 
      console.log('Checkbox value at row '+index+': '+chk);
      var txt = $(item).find("input[name='qty[]']").val();
      console.log('Textbox value at row '+index+': '+txt);
    }

});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="grid_table">
    <tr>
        <td><input name="" value="3" id="id_3" checked="checked" type="checkbox"></td>
        <td><input name="qty[]" value="5.0000" type="text"></td> 
    </tr>
    <tr>
        <td><input name="" value="4" id="id_4" checked="checked" type="checkbox"></td>
        <td><input name="qty[]" value="2.0000" type="text"></td> 
    </tr>
</table>
&#13;
&#13;
&#13;