如何使用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();