如何使用複選框值顯示/隱藏項目

Question

我想顯示/隱藏具有特定類別（相應輸入項之一）的項目。

因此，這裏是我的代碼：

$(document).ready(function(){ 
$("#fcheck input").click(function(){ 
    if ($("#fcheck input").is(":checked")) 
    { 
     //show the hidden div 
     var zzz = $(this).val(); 
     $('li' + zzz).show("fast"); 
    } 
    else 
    { 
     var yyy = $(this).val(); 
     $('li' + yyy).hide("fast"); 
    } 
    }); 

}); 

而我的 「形式」：

<form id="fcheck"> 
      <input type="checkbox" name="school" value="school" id="school" /><label for="school">School</label> 
     </form> 

再舉例來說，我應該切換：

<ul><li class="school">taratata</li></ul> 

所以事情是，我無法得到正確的語法選擇器...

而我的代碼也很難看。

問候:)

Answer 1

可以使用class selector：

$(document).ready(function(){ 
$("#fcheck input").click(function(){ 
    if ($("#fcheck input").is(":checked")) 
    { 
     //show the hidden div 
     var zzz = $(this).val(); 
     $('li.' + zzz).show("fast"); 
    } 
    else 
    { 
     var yyy = $(this).val(); 
     $('li.' + yyy).hide("fast"); 
    } 
    }); 

});