如何使用JavaScript选择器获取表td内的输入字段的值？

Question

我有这行代码，它获取表的td部分内的值。

document.getElementById("supplierID").value = $tr.find('td:eq(0)').html(); 

上述代码成功获取表格的td部分内的数据。 E.g

<td>{{ $val->fname }}</td> 

然而，如果TD具有输入字段内它

<td><input type='checkbox'style='width:30px; height:20px;' class='radio_check_all prod-id-checkbox' id='prod-id-checkbox' value="{{ $val->id }}"></td> 

它返回使用上面所示的代码输入字段的标记代码。它没有得到正确的价值。我会怎么做？请帮忙。谢谢。

Answer 1

下面的代码片段应该工作

检查这个

$(function(){ 
 
    var table=$("table"); 
 
    alert(table.find('tr td:eq(0) input').val()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr> 
 
    <td><input type='checkbox' style='width:30px; height:20px;' class='radio_check_all prod-id-checkbox' id='prod-id-checkbox' value="{{ $val->id }}"></td> 
 
    </tr> 
 
</table>

希望这有助于

Answer 2

你说的那么究竟是什么，如果表格单元格内的元素是一个输入，返回值。否则，如果它只是文本，则返回文本。

var $el = $('tr td:eq(0)'), 
testEl = $el.has('input').length; 

document.getElementById("supplierID").value = testEl ? $('input', $el).val() : $el.text();