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

您可以使用

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

然后，每次输入更改时，函数InputChanged都会收到输入值作为参数，但不要忘记从输入HTML中删除onkeyup属性。

按照示例：

＆＃13;

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);
}

＆＃13;

<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>

＆＃13;

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

1 个答案: