![](/img/trans.png)
[英]Get values from multiple inputs jQuery with same name and add the the values together
[英]get item from multiple inputs with jquery which have the same name
我通過表格列出項目,然后想要更改項目的個別名稱。
<td class="tdFileName">
<?php $nameArray = explode(".", $f->file_name); ?>
<input type="text" name="ra_name" class="raName" value="{{$nameArray[0]}}">
<button type="submit" class="btn-warning btnRaName">Düzenle</button>
</td>
<td>{{$userName}}</td>
$('.btnRaName').on('click', function (e) {
e.preventDefault();
alert($('.raName').val());
location.reload();
});
當我單擊單個按鈕時,我只會得到第一個輸入的值。 我該如何解決?
您只需要使用DOM遍歷即可獲得與單擊按鈕相關的.raName
元素。 嘗試這個:
$('.btnRaName').on('click', function (e) {
e.preventDefault();
var raName = $(this).closest('td').find('.raName').val();
console.log(raName);
});
點擊你需要挑prev
HTML元素,因為它會所需的輸入域:
$('.btnRaName').on('click', function (e) {
e.preventDefault();
var txt = $(this).prev('input.raName').val();
console.log(txt);
location.reload();
});
使用sibling()
選擇相對於您單擊的元素的元素
$('.btnRaName').on('click', function (e) { e.preventDefault(); var raName = $(this).siblings('.raName').val(); console.log(raName); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table> <td class="tdFileName"> <input type="text" name="ra_name" class="raName" value="the value"> <button type="submit" class="btn-warning btnRaName">Düzenle</button> </td> <td class="tdFileName"> <input type="text" name="ra_name" class="raName" value="another value"> <button type="submit" class="btn-warning btnRaName">Düzenle</button> </td> </table>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.