Javascript 单击“与发货地址相同”复选框时隐藏帐单部分?
我如何使其在单击“与发货地址相同”复选框时隐藏“账单地址”部分?我在这个问题上纠缠了一段时间,决定来这里寻求帮助。提前非常感谢 在这里发布一些单词,因为我无法发布,因为代码多于文本,所以忽略这部分 我在代码下面附加了一个剪贴,希望这有助于: .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; } 送货地址 名字 姓 电话号码 公司名称 地址 城市 德克萨斯州 路易斯安那州 新墨西哥州 俄克拉荷马州 陈述 地址 美国 国家 电子邮件地址 帐单地址 与送货地址相同 名字 姓 电话号码 公司名称 地址 城市 德克萨斯州 路易斯安那州 新墨西哥州 俄克拉荷马州 陈述 地址 美国 国家 电子邮件地址Javascript 单击“与发货地址相同”复选框时隐藏帐单部分?,javascript,html,css,checkbox,Javascript,Html,Css,Checkbox,我如何使其在单击“与发货地址相同”复选框时隐藏“账单地址”部分?我在这个问题上纠缠了一段时间,决定来这里寻求帮助。提前非常感谢 在这里发布一些单词,因为我无法发布,因为代码多于文本,所以忽略这部分 我在代码下面附加了一个剪贴,希望这有助于: .checkbox自定义,.radio自定义{ 保证金:0自动; 宽度:40%; 不透明度:0; 位置:绝对位置; } .checkbox自定义、.checkbox自定义标签、.radio自定义、.radio自定义标签{ 显示:内联块; 垂直对齐:中间对齐
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框渲染,因此它没有高度。我希望这是一个有用的解释: