JQuery флажок показывает поле ввода - не работает

Question

Я использую функцию jQuery для отображения определенных скрытых текстовых полей, когда вы выбираете что-то из поля выбора. Это хорошо работает для ящиков выбора, но я не могу заставить его работать для флажка.

Вот код, который я пробовал (в двух словах), но он не работает: http://jsbin.com/uwane3/2/

Спасибо за вашу помощь, я редко использую JS, поэтому мои знания невелики.

Answer 1

Я нашел 2 ошибки в вашем коде:

1. ваш флажок не имеет значения, поэтому вы не можете получить больше, чем пустая форма результата ".val ()"
2. у вас естьне привязывать обработчик событий к флажку.

http://jsbin.com/uwane3/3

  $('#cf3_field_9').live('click', function(e){
    if (e.target == $('#cf3_field_9')[0] && e.target.checked) {
        alert('The following line could only work if the checkbox have a value.');
      $.viewMapcf3_field_9[$(this).val()].show();

    } else {
        $.each($.viewMapcf3_field_9, function() { this.hide(); });
    }
  });

Answer 2

У вас нет событий, зарегистрированных на ваш флажок.
Зарегистрируйте щелчок или измените обработчик следующим образом:

$('#cf3_field_9').click(function(){
  if ($(this).attr("checked")) {
      $.viewMapcf3_field_9[$(this).val()].show();
  } else {
      $.each($.viewMapcf3_field_9, function() { this.hide(); });
  }
});

http://api.jquery.com/category/events/