顯示隱藏複選框

場景：顯示隱藏複選框

在HTML例子說明了下面的鏈接，我都當你點擊它必須表現出其多重複選框或隱藏：

的例子：基於

下面的鏈接，當你打開特定的頁面，它必須顯示如下因素複選框：

所有，區，區域，類別，餐廳，商店，房屋

如果您點擊區域上的例子，它會向您顯示區域1，如果您單擊區域1，則會顯示區域2，如果您取消選中，則顯示相反。但是在你點擊District1的同時，它會告訴你是否有餐廳和商店。

我添加了jsfiddle與html代碼的鏈接。

問題：

有人能做到的JavaScript？因爲我不知道的JavaScript

謝謝你在前進，

The example

來源

2012-09-13 wulffgarr

你可以學習JavaScript，並嘗試你的自我，如果任何問題，那麼我們的幫助。 – Hkachhia

如果您瞭解其他編程語言，您會發現javascript並不困難：S ...（您會喜歡它!!!：P）您可能還想看看jQuery http：// jquery。 com /，這使事情變得更容易 – Littm

我仍然不確定你真正想要達到什麼？我的問題： - 在頁面加載時，只有所有，區，區和類別這些複選框可供用戶查看？當他檢查其中一個複選框時，應該可以看到更多複選框？是這種情況？即如果我檢查區，那麼Dis1，Dis2，Dis3會是可見的？剩下的複選框如餐廳，商店，房屋怎麼樣？你的問題太難理解了 – Ashes

$('.district').hide(); 
$("#district").on('change',function() { 
    if(this.checked) 
    { 
     $('.district').show(); 
    } 
    else 
    { 
     $('.district').hide(); 
    } 
});

檢查This Edit

來源

2012-09-13 09:14:35 Sender

是的不錯，但如果您點擊區域顯示District1，然後如果你點擊District1顯示DISTRICT2 – wulffgarr

這部分是留給你進一步探索..你不能指望勺子餵養.. – Ashes

但灰燼請，如果他可以幫助我，讓他幫我 – wulffgarr

顯示隱藏複選框

回答

相關問題