显示与

Question

我对Jquery有疑问。 我想显示与我点击的同一类的所有数据。

我列出了我可以点击的内容。因此，当我单击它时，应显示正确的数据。我做了这个，但它不起作用。

这是我的Jquery代码：

$("div span").hide();
$('input[type=checkbox]').on("change", function(e) {

    var id = $(this).attr('id'); 
    if(this.checked){
        alert("checked");
        e.preventDefault();

    }else{
        alert("not checked");
    }


});

https://jsfiddle.net/8k7ad9pg/

Answer 1

使用此：

$("div span").hide();
$('input[type=checkbox]').on("change", function(e) {
    e.preventDefault();
    var id = $(this).attr('id'); 
    if(this.checked){
        $("." + id).show();
    }else{
        $("." + id).hide();
    }
});

小提琴：https://jsfiddle.net/8k7ad9pg/1/q