jquery chkbox顯示隱藏內容？

Question

我想創建多重chkbox，當我選擇顯示隱藏的div，它的工作與這一個，但如何自動計數，如果我有更多的chkbox？

$(document).ready(function(){ 

    //Hide div w/id extra 
    $("#extra").css("display","none"); 

    // Add onclick handler to checkbox w/id checkme 
    $("#checkme").click(function(){ 

    // If checked 
    if ($("#checkme").is(":checked")) 
    { 
     //show the hidden div 
     $("#extra").show("fast"); 
    } 
    else 
    { 
     //otherwise, hide it 
     $("#extra").hide("fast"); 
    } 
    }); 

}); 


<form action="" method="get"> <input name="" type="checkbox" value="" id="checkme"> <span> $1 + </span> </form> 
    <div id="extra" style="width:10px; height:10px; background-color:#000;"> 123 </div> 

Answer 1

嘗試限定<div id="container">和使用

$("#container :checkbox:not(:checked)").size()