jQuery、入力値が表のフッター内のテキストボックスから来るかどうか確認してください

Question

入力値が表のフッタ内のテキストボックスから来た場合、jQueryで特別な関数を適用する必要があります。私はそれを見つけるためにjQueryの条件を理解しようとしています。

<tfoot> 
    <tr> 
     <td> 
      <input type="text" name="desc[]" onkeyup = "InputChanged(this)"> 
     </td> 
     <td> 
      <input type="text" name="duration[]" onkeyup = "InputChanged(this)"> 
     </td> 
     <td> 
      <input type="text" name="start[]" class="start" onkeyup = "InputChanged(this)"> 
     </td> 
     <td> 
      <input type="text" name="wait[]" onkeyup = "InputChanged(this)"> 
     </td> 
     <td> 
      <input type="text" name="end[]" onkeyup = "InputChanged(this)"> 
     </td> 
     <td> 
      <input type="text" name="phone[]" onkeyup = "InputChanged(this)"> 
     </td> 
    </tr> 
</tfoot> 

jQueryの機能は次のように行く必要があります。

<script> 
    function InputChanged(control) { 
     if (...) { 

     } 
     else { 

     } 
    } 
</script> 

Answer 1

あなたが次に機能InputChangedがパラメータとして入力が変わるたびに、入力の値を受け取ります

$('tfoot input').on('keyup', function() { 
    InputChanged($(this).val()); 
}); 

を使用することができます入力HTMLからonkeyup属性を削除することを忘れないでください。

は一例に従ってください：

var labels = $('tbody td'); 
 
$('tfoot input').on('keyup', function() { 
 
    var $t = $(this); 
 
    UpdateParagraph(labels.eq($t.parent().index()), $t.val()); 
 
}); 
 

 
function UpdateParagraph(el, value) { 
 
    el.html(value); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<table> 
 
    <tbody> 
 
    <tr> 
 
     <td>desc</td> 
 
     <td>duration</td> 
 
     <td>start</td> 
 
     <td>wait</td> 
 
     <td>end</td> 
 
     <td>phone</td> 
 
    </tr> 
 
    </tbody> 
 
    <tfoot> 
 
    <tr> 
 
     <td> 
 
      <input type="text" name="desc[]" /> 
 
     </td> 
 
     <td> 
 
      <input type="text" name="duration[]" /> 
 
     </td> 
 
     <td> 
 
      <input type="text" name="start[]" class="start" /> 
 
     </td> 
 
     <td> 
 
      <input type="text" name="wait[]" /> 
 
     </td> 
 
     <td> 
 
      <input type="text" name="end[]" /> 
 
     </td> 
 
     <td> 
 
      <input type="text" name="phone[]" /> 
 
     </td> 
 
    </tr> 
 
</tfoot> 
 
</table>