сумма, сгенерированная jquery, отображается, но не сохраняется в текстовом поле

Question

сумма, сгенерированная jquery, отображается, но не сохраняется в текстовом поле

Кстати, я использую плагин wordpress (kboard), и я просто пытаюсь включить эту функцию, где значения, которые пользователь вставил в 3 текстовых поля, будут добавлены с использованием jquery, вот мой код:

$(".add").keyup(function(){
var sum = 0;
$(".add").each(function() {
sum += +this.value;
});

$(".total").val(sum);});

Моя проблема в том, что атрибут «значение» внутри не меняется, он только отображает сумму. Если я должен использовать ajax, как должен выглядеть мой код?

0

jquery php wordpress-plugin

Решение

Другие решения

// save (cache) this element in a variable for later use to save computation
var $values = $(".add");

$values.keyup(function() {
// reset the sum
var sum = 0;
$values.each(function() {
sum += +this.value;
});

// assuming total is an input, you can then set the value
$(".total").val(sum);

// if we're literally setting an attribute named "value", then
$(".total").attr("value", sum);

// if total is not an input and we're just updating its contents
$(".total").text(sum);
});

0

Хорошо, я видел свою ошибку, я перечитал свой код и чувствовал себя действительно глупо, оми. Оказывается, это потому, что я поместил disable = «true» в поле ввода, поэтому он не сохраняется, когда я должен был использовать «только для чтения», о мой бог. спасибо за ответы, хотя такая глупая ошибка. -__-

0

Источник

Accepted Answer

var sum = 0;
$(".add").keyup(function(){
sum += +this.value;
});
$(".total").val(sum);

инициализировать «Сумма» переменная вне функции keyup ..

0