Как показать / скрыть элементы со значением флажка - PullRequest
Новая
       22

Как показать / скрыть элементы со значением флажка

1 голос
/ 10 октября 2011

Я хочу показать / скрыть элементы, которые имеют определенный класс (один из соответствующего ввода).

Так вот мой код: 

$(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>

Так что мне не удается получить правильный синтаксис для селектора ...

И мой код довольно уродливый, я думаю.

С уважением:)

1 Ответ

0 голосов
/ 10 октября 2011

Вы можете использовать селектор класса : 

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

});
...