[英]How to get the value of Input type number inside a table
我有一個包含多行的表格,其中一個單元格的輸入類型 = 數字。 我想遍歷所有行並獲取該單元格中的數字。 我真的不知道該怎么做。
<tr class="iterate">
<td class="cantidad"> <input type="number"
onchange="actualizar()" name="cantidad" placeholder="0" min="0" max="99"></td>
</tr>
function actualizar(){
var total=0;
$("tr.iterate").each(function() {
var quantity1 = $(this).find(".cantidad").innerHTML,
alert(quantity1);
});
}
我嘗試過使用 innerHTML、value、text(),但都沒有工作。
.cantidad
是td
元素,而不是您要查找的輸入。 您必須在.cantidad
找到輸入。
我也更喜歡oninput
事件而不是onchange
:
$(this).find(".cantidad input").val()
function actualizar(){ var total=0; $("tr.iterate").each(function() { var quantity1 = $(this).find(".cantidad input").val(); alert(quantity1); }); }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table> <tr class="iterate"> <td class="cantidad"> <input type="number" oninput="actualizar()" name="cantidad" placeholder="0" min="0" max="99"></td> </tr> </table>
請注意:使用 vanial JS 時使用的innerHTML
和value
,您不能在 jQuery 引用的元素上使用它們。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.