javascript - Laravel PHP Jquery - 文本框更新标签

Question

我有这个文本框

{{ Form::text('horasT', $horasT, array('class'=>'input-block-level', 'placeholder'=>'0.00')) }}

我想在文本框值更改时更新标签。

这是标签:

<label id="subTotal" name="subTotal">0</label>

我的 Jquery 是这样的:

jQuery('#horasT').on('input', function (){
            var valT = $('#horasT').val();
            $('#subTotal').value = valT;
        });

它似乎不起作用，到目前为止我已经尝试了很多方法。

但对我来说这应该可行......问题是什么？无论文本框中的值是什么，标签都只是 0

Answer 1

事件是更改并且标签有文本而不是值

可能触发的其他事件:“输入更改 keyup keypress 剪切粘贴 mouseup 焦点模糊”

jQuery(document).on('change', '#horasT', function (){
            var valT = $(this).val();
            $('[name="subTotal"]').text(valT);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<label for="horasT" name="subTotal">0</label>
<input id="horasT" type="text">