Формат значения «не работает»

Question

Использование функции для форматирования значения и вызова, как это:

$(".vlrTotal").val(formatReal(formatarValor($(".vlrTotal").val()))); 

Мой Html:

<td> 
    <input readonly type="text" name="vlrTotal[]" value="<?php echo $item['VwEstPedOnlineItens']['vlr_custo_total']; ?>" class="vlrTotal" style="width: 100%;"/> 
</td> 

И результаты этого изображения выше

Теперь, если я снимаю функцию для форматирования значения, результатом является следующее:

Проблема заключается в том, со значением отформатированного, все входы (".vlrTotal") показывает ту же самую величину (первый), но когда я проверить элемент, значение показывает правильное значение. Если я сниму функцию для форматирования значения, она «работает».

Я не знаю, что делать дальше.

PS: console.log:

input.vlrTotal значение свойства = "7.199,28" значение атрибута = "2799,72"

input.vlrTotal значение свойства = "7.199,28" атрибут value = "2399.76"

Answer 1

Поскольку у вас есть несколько элементов с $(".vlrTotal"), вам необходимо выполнить итерацию и установить значение для каждого элемента. Когда вы получаете доступ к методу .val(), он получает значение первого элемента, как вы это пережили.

Вы должны использовать .val(function)

функцию, возвращающую значение для установки. это текущий элемент. Получает индексную позицию элемента в наборе и старое значение в качестве аргументов.

Использование

$(".vlrTotal").val(function(_, value){ 
    return formatReal(formatarValor(value)); 
}); 

ИЛИ, простой $.fn.each()

$(".vlrTotal").each(function(){ 
    $(this).val(formatReal(formatarValor($(this).val()))); 
}); 

Примечание: Если предположить, что вы определили formatReal и formatarValor функцию с желаемым поведением.

Answer 2

С помощью $(".vlrTotal").val(formatReal(formatarValor($(".vlrTotal").val()))); вы устанавливаете одинаковое значение для каждого элемента, соответствующего вашему селектору .vlrTotal.

Вам необходимо выполнить итерацию по списку элементов, чтобы изменить каждый элемент отдельно.

$(".vlrTotal").each(function(){ 
    $(this).val(formatReal(formatarValor($(this).val()))); 
});