jQuery，检查输入值是否来自表格中的页脚内的文本框

问题描述：

我需要在jQuery中应用特殊函数，以防输入值来自表格页脚内的文本框。我试图找出一个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>

您可以选择所有的使用'$页脚的输入（ 'TFOOT输入'）'。如果它不是你想要的，请告诉我们更多你想要做的事情。请花一分钟阅读：https://*.com/help/mcve –

为这些文本输入提供一个独特的类并用于选择 –

我刚刚添加了一些关于此问题的更多信息@ChristianValentin – DavidM

答

您可以使用

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

然后函数InputChanged每次都会接收输入的值作为参数输入的变化，但不要忘记从输入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>

jQuery，检查输入值是否来自表格中的页脚内的文本框

相关推荐