jQuery复选框单击显示输入字段 - 不起作用

Question

一旦从选择框中选择了某些内容，我就会使用jQuery函数来显示某些隐藏的文本字段。 这适用于选择框，但我不能让它用于复选框。

以下是我尝试的剥离代码（简而言之），但它不起作用：http://jsbin.com/uwane3/2/

感谢您的帮助，我很少使用JS，所以我的知识很少。

Answer 1

您的复选框中未注册任何活动 注册一个单击，或更改这样的处理程序：

$('#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/

Answer 2

我在您的代码中发现了2个错误：

1. 您的Checkbox没有值，因此您无法获得超过空结果表单“.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(); });
    }
  });