Replace value inside <input> </input> with jquery

Question

How to replace the input attribute with jquery?
The code below:

<input class="input-radio" data-checkout-total-shipping="$ 25.00" />

I'm using Jquery which gives me a variable "total"
Jquery:

<script>  
var total = 0;
$(".product__description__property").each(function(d) {
  var value = $(this).text().replace("weight: ", "").replace(" lb", "");
  total += +value; 
});
document.getElementById('total').textContent = total;
</script>

I want to replace whatever is inside " " of data-checkout-total-shipping="25" with total variable from Jquery script.

A. Wolff · Accepted Answer · 2015-12-08 13:43:44Z

1

To replace data attribute with total value, you can use:

$('.input-radio[data-checkout-total-shipping]').attr('data-checkout-total-shipping', total);

So if total equals 50 e.g, it will give:

<input class="input-radio" data-checkout-total-shipping="50" />

If it is not expected behaviour, please elaborate...

answered Dec 8, 2015 at 13:43

A. Wolff

74.4k9 gold badges98 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user4651092 Over a year ago

I updated my question. I want to replace the 25 or whatever is there with my total. I don't have access to the <input /> section. The input is already given I want to replace this on client side so when they submit the form it will send total and not what is already inside the attribute

A. Wolff Over a year ago

So what are you expecting as result? This e.g: data-checkout-total-shipping="$ 50.00". And i think you didn't understood this answer, this is replacing data attribute

Collectives™ on Stack Overflow

Replace value inside <input> </input> with jquery

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related