JQuery математика с переключателем и текстовым полем

Question

Я пытаюсь создать калькулятор, который выполняет простую математику на основе введенного вами числа и выбранной вами радиокнопки.

Я хочу предварительно заполнить номер, предварительно выбрать переключатель и показать пример результата.

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

Я думаю, что, возможно, мне следует предварительно заполнить текстовое поле с помощью jQuery, но я не уверен.

$(function() {
$(".calculate").change(function(){
var valone = $('#ms').val();
var valtwo = $('input:radio[name=ValTwo]:checked').val();

var total = ((valone * 1) * (valtwo * 1));
$('#Total').text(total);
});
}); 

<form>
        <dl>
            <dt><label for="spending">Monthly Spending</label></dt>
            <dd><input name="ValOne" id="ms" type="text" value="2500"></dd>
            <br /><br />
            <dt><label for="balance">Is your balance typically<br />above $5,000?</label></dt>
            <dd>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                Yes <input name="ValTwo" type="radio" value=".02" class="calculate" checked='checked'>
                No  <input name="ValTwo" type="radio" value=".01" class="calculate">
            </dd>
        </dl>
        <div class="clear"></div>
        <input type="image" id="enter" value="open an account" src="images/btn-go.png">    
    </form>

<span  id="Total">50</span>

Answer 1

Попробуйте изменить

$('#Total').text(total);

на

$('#Total').html(total);

Answer 2

Изменение вашего кода на

function reCalc()
{
    var valone = $('#ms').val();
    var valtwo = $('input:radio[name=ValTwo]:checked').val();

    var total = ((valone * 1) * (valtwo * 1));
    $('#Total').text(total);
}

$('#ms').keyup(reCalc);
$('.calculate').change(reCalc);

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