преобразования функции яваскрипта в JQuery

Question

Я изо всех сил, чтобы преобразовать функцию JavaScript ...

Оригинальный код:

function calcTotal(){ 

//get value of select(tickets) 
var ticketCost = 0; 
if(document.moaflevent.moaflmember.value=="Yes") { 
    var ticketPrice = 35; 

}else { 
    var ticketPrice = 40; 

} 
ticketCost = (document.moaflevent.tickets.options[document.moaflevent.tickets.selectedIndex].value)*ticketPrice; 

document.moaflevent.displaytotal.value= formatCurrency(ticketCost); 
document.moaflevent.total.value=ticketCost; 
} 

мой JQuery синтаксис:

function calcTotal() { 

    //get value of select(tickets) 
    //var ticketCost = 0; 

    var ticketCost = 0; 

    if ($('#moaflmember').val() == "Yes") { 
     var ticketPrice = 10; 
    } else { 
     $ticketPrice = 10; 
    } 

    $('#eachTicket').text($ticketPrice); 
    $ticketCost = $('#tickets').val() * $ticketPrice; 

    $('#displaytotal').val().toUSD($ticketCost);  
    $('#total').val().toUSD($ticketCost); 
} 

это не работает, общая сумма не изменяется при выборе членства или количества билетов ...

jsfiddle says my JS это хорошо, но я не уверен, что я делаю неправильно здесь ...

http://jsfiddle.net/kv7L0c5d/5/

Answer 1

• Вы используете противоречивую смесь $ticketPrice и ticketPrice. Это не одно и то же.
• Вы не указали переменную $ticketCost.
• toUSD не метод на строки типа данных, так что вы не можете назвать $('#displaytotal').val().toUSD($ticketCost);

следующие работы:

function calcTotal() { 
    var ticketPrice = 0, 
     ticketCost; 

    if ($('#moaflmember').val() == "Yes") { 
     ticketPrice = 10; 
    } else { 
     ticketPrice = 10; 
    } 

    $('#eachTicket').text(ticketPrice); 
    ticketCost = $('#tickets').val() * ticketPrice; 

    $('#displaytotal').val(toUSD(ticketCost)); 
    $('#total').val(toUSD(ticketCost)); 
} 

http://jsfiddle.net/kv7L0c5d/10/