Javascript 如果未选中复选框，则隐藏标记和img

我在覆盖中有一些复选框，只要它们没有被选中，

和

标签就不应该被看到

用于

和

标记的HTML：

---

我还尝试了其他一些方法，但没有任何效果。

在我看来，这更优雅

$("#extra").css("display","none");
$("#checkme").click(function(){
    if ($("#checkme").is(":checked"))
    {
        $("#extra").show("fast");
    } else{
         $("#extra").hide("fast");
    }
});

我假设您在相关对象渲染后执行上述操作，否则您需要

$（函数（）{
$（“#额外”）.hide（）；
$（“#检查我”）。在（“单击”，函数（）{
$（“#额外”）。切换（选中此项）；
});
});

阿莱斯
我认为这更优雅

$("#extra").css("display","none");
$("#checkme").click(function(){
    if ($("#checkme").is(":checked"))
    {
        $("#extra").show("fast");
    } else{
         $("#extra").hide("fast");
    }
});

我假设您在相关对象渲染后执行上述操作，否则您需要


$（函数（）{
$（“#额外”）.hide（）；
$（“#检查我”）。在（“单击”，函数（）{
$（“#额外”）。切换（选中此项）；
});
});

阿莱斯
这把小提琴有一个很好的例子。我假设您只想在
#extra
中隐藏链接图像，而不是整个div

$("#extra").hide();
$("#checkme").on("click",function(){
  $("#extra").toggle(this.checked);
});

这把小提琴有一个很好的例子。我假设您只想在
#extra
中隐藏链接图像，而不是整个div

$("#extra").hide();
$("#checkme").on("click",function(){
  $("#extra").toggle(this.checked);
});

尝试此更改：将代码放入
$（document.ready）（函数（）{Your code here}）

尝试以下更改：将代码放入
$（文档）.ready（函数（）{Your code here}）

有很多方法可以做到这一点，其中之一就是使用jQuery.prop方法来获取属性的值


$（“#检查我”）。单击（函数（）{
if（$（“#checkme”）.prop（'checked'））{
美元（“#额外”）。显示（“快速”）；
}否则{
$（“额外”）。隐藏（“快速”）；
}
});
#额外{
显示：无；
}

阿莱斯
有很多方法可以做到这一点，其中之一就是使用jQuery.prop方法来获取属性的值


$（“#检查我”）。单击（函数（）{
if（$（“#checkme”）.prop（'checked'））{
美元（“#额外”）。显示（“快速”）；
}否则{
$（“额外”）。隐藏（“快速”）；
}
});
#额外{
显示：无；
}

阿莱斯
适合我。您是通过document.ready调用还是在正文末尾运行代码？您的问题是什么？您的代码也可以工作。您可能会忘记包含jquery文件..好吧，这太疯狂了^^^因为我再次尝试，但它不起作用，但后来我又尝试了一次，现在它对我起作用了。您是通过document.ready调用还是在正文末尾运行代码？您的问题是什么？您的代码也可以工作。你可能会忘记包含jquery文件..好吧，那太疯狂了^^^因为我再试了一次，但它不起作用，但我又试了一次，现在它起作用了。其他感谢你的帮助，即使我现在不需要它^^因为它起作用了，谢谢你的帮助，即使我现在不需要它^^^因为它起作用了
var $extra = $('#extra a').hide();
$('#checkme').on('click', function (){
   $extra.toggle(this.checked);
});

$(document).ready(function () {
    $("#extra").css("display", "none");
    $("#checkme").click(function () {
        if ($("#checkme").is(":checked")) {
            $("#extra").show("fast");
        } else {
            $("#extra").hide("fast");
        }
    });
});