Question

Hello I am trying to allow set pricing for an item and have an empty text box for persons to donate an additional amount to help cover the fees of another individual.

Anyone know how to make these 2 boxes add up when clicking checkout?

Answer 1

Use jQuery and do it like this:

html:

Your item:
<div id="item" data-price="5">$5 t-shirt</div>
Donation:
<input type="text" name="donation">
<input type="submit" id="checkout" value="checkout">

javascript:

$(function() { // execute when dom is ready

$('#checkout').click(function(event) {
  var itemPrice = Number($('#item').data().price);
  var donationAmount = Number($('input[name=donation]').val());
  if (!donationAmount) {
    alert("Please enter a number in the donation field.");
  } else {
    alert("Your checkout total is " + total);
  }
});

});