Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击“与发货地址相同”复选框时隐藏帐单部分?_Javascript_Html_Css_Checkbox - Fatal编程技术网

Javascript 单击“与发货地址相同”复选框时隐藏帐单部分?

Javascript 单击“与发货地址相同”复选框时隐藏帐单部分?,javascript,html,css,checkbox,Javascript,Html,Css,Checkbox,我如何使其在单击“与发货地址相同”复选框时隐藏“账单地址”部分?我在这个问题上纠缠了一段时间,决定来这里寻求帮助。提前非常感谢 在这里发布一些单词,因为我无法发布,因为代码多于文本,所以忽略这部分 我在代码下面附加了一个剪贴,希望这有助于: .checkbox自定义,.radio自定义{ 保证金:0自动; 宽度:40%; 不透明度:0; 位置:绝对位置; } .checkbox自定义、.checkbox自定义标签、.radio自定义、.radio自定义标签{ 显示:内联块; 垂直对齐:中间对齐

我如何使其在单击“与发货地址相同”复选框时隐藏“账单地址”部分?我在这个问题上纠缠了一段时间,决定来这里寻求帮助。提前非常感谢

在这里发布一些单词,因为我无法发布,因为代码多于文本,所以忽略这部分

我在代码下面附加了一个剪贴,希望这有助于:

.checkbox自定义,.radio自定义{ 保证金:0自动; 宽度:40%; 不透明度:0; 位置:绝对位置; } .checkbox自定义、.checkbox自定义标签、.radio自定义、.radio自定义标签{ 显示:内联块; 垂直对齐:中间对齐; 保证金:5px; 光标:指针; } .复选框自定义标签,.收音机自定义标签{ 位置:相对位置; } .checkbox自定义+.checkbox自定义标签:之前,.radio自定义+.radio自定义标签:之前{ 内容:; 背景:fff; 边框:1px实心7171; 显示:内联块; 垂直对齐:中间对齐; 宽度:20px; 高度:20px; 填充:2px; 右边距:10px; 文本对齐:居中; } .复选框自定义:选中+.复选框自定义标签:之前{ 内容:\f00c; 字体系列:“FontAwesome”; 字体大小:20px; 颜色:a1cdad; } .收音机自定义+.收音机自定义标签:之前{ 边界半径:50%; } .收音机自定义:选中+.收音机自定义标签:之前{ 内容:\f00c; 字体系列:“FontAwesome”; 字体大小:20px; 颜色:a1cdad; } 送货地址 名字

电话号码

公司名称

地址

城市

德克萨斯州

路易斯安那州

新墨西哥州

俄克拉荷马州

陈述

地址

美国

国家

电子邮件地址

帐单地址 与送货地址相同 名字

电话号码

公司名称

地址

城市

德克萨斯州

路易斯安那州

新墨西哥州

俄克拉荷马州

陈述

地址

美国

国家

电子邮件地址


1.dom“Same as shipping address”不在“form2”内,它应该在“form1”和“form2”之间,就像这样,“form1”与“shipping address”相同。否则,无法切换显示内容。
2.在“与发货地址相同”复选框上添加onChange事件,如果选中该值,则可以在上添加类,类内容为“显示:无”

我建议删除账单地址复选框周围的div。在此之后,当复选框被选中时,您应该能够将目标设置为.input框。我添加了一个小示例来帮助您。您可以添加display:none或选择我的路线,具体取决于您的辅助功能需求。如果您对示例中看到的~感到疑惑,那么它会以复选框后面的所有同级为目标。我希望这有助于:

.checkbox自定义:选中~.输入框{ 可见性:隐藏; 不透明度:0; } 帐单地址 与送货地址相同 名字

名字


选中复选框后,将帐单地址部分放在div中,并将其可见性更改为隐藏。这不是很清楚。请做相关修改。非常感谢!这就成功了。但是我想知道,是否有一种方法可以使下面的文本不会被按下,因为选中复选框时有很大的空白;不透明度:0;然后,.input框仍将保持其高度。要固定此添加高度:0;来解决这个问题。或者您可以删除所有这些,只使用display:none。采用此路径将阻止.input框渲染,因此它没有高度。我希望这是一个有用的解释: