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/