Javascript 如何使用复选框显示/隐藏HTML元素

我试图为电子商务网站创建一个默认选中的复选框，我想在复选框未选中时显示div。并在选中复选框时隐藏div

 My Fiddle: http://jsfiddle.net/ScnQT/3161/ 

---

您可以使用

$（this.prop（'checked'）

如果选中

$（this）.prop（'checked'）

返回

true

否则

false

欲知详情

更新

$（'.shipping\u address\u details'）.hide（）；
$（'#checkedforShippingAddress'）。更改（函数（）{
if（$（this.prop（'checked'））{
$（'.shipping\u address\u details'）.hide（）；
}否则{
$（'.shipping_address_details'）.show（）；
}
});


寄往同一地址



送货地址

名字*


姓*


电子邮件地址*


邮政编码*


陈述*


城市*


地址*



您可以使用
$（this.prop（'checked'）

如果选中
$（this）.prop（'checked'）
返回
true
否则
false

欲知详情

更新


$（'.shipping\u address\u details'）.hide（）；
$（'#checkedforShippingAddress'）。更改（函数（）{
if（$（this.prop（'checked'））{
$（'.shipping\u address\u details'）.hide（）；
}否则{
$（'.shipping_address_details'）.show（）；
}
});


寄往同一地址



送货地址

名字*


姓*


电子邮件地址*


邮政编码*


陈述*


城市*


地址*




$（'.shipping\u address\u details'）.hide（）；
$（'#checkedforShippingAddress'）。更改（函数（）{
if（$（this.prop（'checked'））{
$（'.shipping\u address\u details'）.hide（）；
}
else if（！$（this.prop（'checked'））{
$（'.shipping_address_details'）.show（）；
}
});


寄往同一地址



送货地址

名字*


姓*


电子邮件地址*


邮政编码*


陈述*


城市*


地址*



  if($(this).is(':checked')){} 

$('.shipping_address_details').hide();
$('#checkedforShippingAddress').click(function(){
    if($(this).is(":checked"))
    $('.shipping_address_details').hide();
    else
    $('.shipping_address_details').show();
})