JavaScript显示/隐藏DIV
我有一个表单,用户可以在其中选择他/她是JavaScript显示/隐藏DIV,javascript,php,html,css,Javascript,Php,Html,Css,我有一个表单,用户可以在其中选择他/她是单一国籍还是双重国籍 如果用户选择单一国籍则隐藏的div将不显示向上,如果用户选择双重国籍则隐藏的div将显示在下方 菲律宾人 双重国籍 生来 归化 使用jQuery的change()事件并显示隐藏div $(文档).ready(函数(){ $('#inlineCheckbox2')。更改(函数(){ 如果(!this.checked) $(“#隐藏”).fadeOut('slow'); 其他的 $('隐藏').fadeIn('慢'); }); })
单一国籍
还是双重国籍
如果用户选择
单一国籍
则隐藏的div将不显示向上,如果用户选择双重国籍
则隐藏的div将显示在下方
菲律宾人
双重国籍
生来
归化
使用jQuery的change()
事件并显示隐藏div
$(文档).ready(函数(){
$('#inlineCheckbox2')。更改(函数(){
如果(!this.checked)
$(“#隐藏”).fadeOut('slow');
其他的
$('隐藏').fadeIn('慢');
});
});代码>
#隐藏{
显示:无
}
菲律宾人
双重国籍
生来
归化
请尽最小努力…无法在您的HTML中看到单一公民身份
,也请发布您的代码努力(在问题本身中)。这是否回答了您的问题?很抱歉如果用户使用菲律宾语,也许您可以尝试此处
@kiinken如果有人单击了双重国籍
,然后单击了单一国籍
,会发生什么?此代码不会被删除worked@kiinken选中此项:-(单击第二个复选框,然后单击第一个复选框)
let valeInpOne = document.getElementById('inlineCheckbox1');
let valeInpTwo = document.getElementById('inlineCheckbox2').value;
let ele = document.getElementById("hidden");
if(valeInpOne == 'option1'){ ele.hidden = true }else if(valeInpTwo == 'option2'){ ele.hidden = false }