Расчет ввода текста и радио по javascript

Question

Мне нужна помощь для расчета значений по текстовому и радиовводному полю. Вот HTML код:

<input type="text" id="num" name="num" /> 
 

 
<input type="radio" name="yesno" value="yes"> Yes 
 
<input type="radio" name="yesno" value="no"> No 
 

 
<input type="text" id="result" name="result" />

Теперь я хочу, чтобы вычислить значение некоторых условий:

1. IF значение радио кнопки нет, то input#result покажет такое же значение, как input#num

2. IF значение радио кнопки да, тогда результат будет показывать значение на основе условного расчета:

   a. IF input#num = 1-10 затем input#result = input#num * 4

   b. IF input#num = 11-20 затем input#result = input#num * 3.5

   c. IF input#num = 21-50, затем input#result = input#num * 3

   d. IF input#num = 51-100 затем input#result = input#num * 2.5

   e. IF input#num = 101-200 затем input#result = input#num * 2

   f. ЕСЛИ input#num = 200+ затем input#result = input#num * 1.5

Пожалуйста, помогите мне. Я не очень разбираюсь в javascript, поэтому мне нужна ваша помощь. Заранее спасибо за помощь.

Answer 1

Попробуйте как этот

$("input[type='radio']").on("click", function() { 

    if ($(this).val() == 'yes') { 
     var value = $("#num").val(); 
     var result = 0; 
     if (value <= 10) { 
      result = value * 4; 
     } else if (value <= 20) { 
      result = value * 3.5; 
     } 
     $("#result").val(result); 
    } else { 
     $("#result").val($("#num").val()); 
    } 

}) 

Answer 2

$("input[name=yesno]").change(function() { 
    if ($(this).val() == 'no') { 
     $("#result").val($("#num").val()) 
    } else { 
     var ten = $("#num").val(); 

     if (ten <= 10) { 
      var total = parseFloat(ten) * 4; 
      $("#result").val(total); 
     } else if (ten <= 20 && ten >= 11) { 
      var total = parseFloat(ten) * 3.5; 
      $("#result").val(total); 
     } 
    } 
}) 

fiddle

Answer 3

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

• Вы можете проверить, какая кнопка радио выбирается с помощью $("[name=yesno]:checked").val(); возврата Да/Нет
• Вы можете установить значение элемента HTML, используя $("#result").val(someval)