在页面上多次使用类显示/隐藏div和复选框

Question

我无法让我的脚本在这里工作。当我选中复选框并且它不起作用时，我试图将show me span作为目标。

以下是小提琴的代码和链接：http://jsfiddle.net/dalond/nonyg6sm/

$('.single').live('change', ':checkbox', function() {
var target = $(this).closest('.single').prev().find('.showMe');
if ($(this).find('input:checked').length == 0) {
    target.hide();
} else {
    target.show();
}

}）;

Answer 1

我得到了它的工作：http://jsfiddle.net/nonyg6sm/3/

$('input[type=checkbox]').click(function() {

    var target = $(this).closest('.NoEd').prevAll(".Subs:first").find(".showMe");

    if (this.checked) {
        target.show();
    } else {
        target.hide();
    }
});

您可以修改它以满足您的需求。

更新

http://jsfiddle.net/nonyg6sm/4/

$('input[type=checkbox]').click(function() {

    var target = $(this).closest('.NoEd').prevAll(".Subs:first").find(".showMe");

    if ($(this).closest('.NoEd').find("input[type=checkbox]:checked").length == 0) {
        target.hide();        
    } else {
        target.show();

    }
});