jQuery input: radio change val text в help-block

Question

У меня есть форма, где, если значение - это одно, текст, который появляется в .help-блоке, должен соответствующим образом измениться. Вот форма: http://lakenney.github.io/contact.html Установите флажок «Я хотел бы что-то изготовленное на заказ» и переключатели. Нажмите на первую кнопку переключателя ожерелья Swarovski, и в блоке .help появится соответствующий текст «Swarovski crystal sparkle». Но другие переключатели не работают.

У меня есть пример, который работает с элементом выбора: http://lakenney.github.io/form-start-video2.html ... см «Пожалуйста, выберите один» и соответствующий текст заполнит .help-блок

Любая помощь будет оценена.

Answer 1

Измените JavaScript, чтобы вместо этого:

$('input:radio').change(function(){ 

     if ($(this).val() == 'swarovski') { 
      $('.request-custom .help-block').text('Swarovski crystals sparkle'); 
     } else if ($(this).val() == 'mirano') { 
      $('.request-custom .help-block').text('Mirano crystals sparkle'); 
     } else if ($(this).val() == 'locket') { 
      $('.request-custom .help-block').text('Lockets are awesome!'); 
     } else if ($(this).val() == 'soldering') { 
      $('.request-custom .help-block').text('Soldering Rock!'); 
     } else { 
      $('.request-custom .help-block').text(''); 
     } 

}); 

В основном, используют

$ (это) .val()

захватить значение. Вы используете

$ ('ввода: радио'). Вэл()

что приведет всегда возвращает первый $ ('вход: радио'), который случается быть сваровски ,