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

【问题标题】：jQuery checkbox click shows input field - doesn't workjQuery复选框单击显示输入字段 - 不起作用
【发布时间】：2010-08-24 14:50:28
【问题描述】：

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

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

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

【问题讨论】：

没什么不好的感觉，但是那个代码就像一大块丑陋的东西
它来自一个 stackoverflow 解决方案，我对一切都开放，但我很少使用 JS，很高兴找到一些有用的东西

标签： javascript jquery checkbox

【解决方案1】：

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

您的 Checkbox 没有任何价值，因此您只能得到一个空的结果表单“.val()”
您尚未将事件处理程序绑定到复选框。

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(); });
    }
  });

【讨论】：

【解决方案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/

【讨论】：

感谢您的意见，仍然无法在我的网站上运行。简而言之，不工作：jsbin.com/uwane3/4