Javascript 基于复选框选择隐藏/显示div

我想根据复选框选择显示/隐藏div

这是一个场景

• 我在一个名为decider的div中有两个复选框
• 选择复选框1应显示Div框1
• 选择复选框2应显示Div框2

一旦有人做出选择，我希望决策部门隐藏起来。我不能使这项工作

$（函数（）{
$（'.decider'）.removeClass（'hide'）；
$（'.box one'）.addClass（'hide'）；
$（“#optionTwo”）。单击（函数（）{
$（'optionOne'）.attr（“选中”，假）；
});
$（“#optionOne”）。单击（函数（）{
$（'optionTwo'）.attr（“选中”，false）；
});
$（“#发送决定”）。单击（函数（）{
如果（$（'#optionTwo'）。是（':checked'））{
$（'.decider'）.addClass（'hide'）；
$（'.box one'）.removeClass（'hide'）；
}
如果（$（'#optionOne'）。是（':checked'））{
$（'.decider'）.addClass（'hide'）；
$（'.box two'）.removeClass（'hide'）；
}
});
});

请在下面选择一个选项

选择第一框
选择框二


这是第一个盒子

这是第二个盒子

您缺少
。隐藏
类
显示：无
属性css。。休息吧，一切都好


$（函数（）{
$（'.decider'）.removeClass（'hide'）；
$（'.box one，.box two'）.addClass（'hide'）；//将hide添加到两个类中
$（“#optionTwo”）。单击（函数（）{
$（'optionOne'）.attr（“选中”，假）；
});
$（“#optionOne”）。单击（函数（）{
$（'optionTwo'）.attr（“选中”，false）；
});
$（“#发送决定”）。单击（函数（）{
if（$（'input[type=“checkbox”]：checked'）.length）//检查是否选中了任何复选框
{
//如果是，那就去做你想做的事
$（'.decider'）.addClass（'hide'）；//在任何情况下都要隐藏它
如果（$（'#optionTwo'）。是（':checked'））{
$（'.box one'）.removeClass（'hide'）；
}
如果（$（'#optionOne'）。是（':checked'））{
$（'.box two'）.removeClass（'hide'）；
}
}
其他的
警报（'select a checkbox'）；//如果没有，则向用户显示一些消息
});
});
.hide{
display:none；//添加此属性
}

请在下面选择一个选项

选择第一框
选择框二


这是第一个盒子

这是第二个盒子

您缺少
。隐藏
类
显示：无
属性css。。休息吧，一切都好


$（函数（）{
$（'.decider'）.removeClass（'hide'）；
$（'.box one，.box two'）.addClass（'hide'）；//将hide添加到两个类中
$（“#optionTwo”）。单击（函数（）{
$（'optionOne'）.attr（“选中”，假）；
});
$（“#optionOne”）。单击（函数（）{
$（'optionTwo'）.attr（“选中”，false）；
});
$（“#发送决定”）。单击（函数（）{
if（$（'input[type=“checkbox”]：checked'）.length）//检查是否选中了任何复选框
{
//如果是，那就去做你想做的事
$（'.decider'）.addClass（'hide'）；//在任何情况下都要隐藏它
如果（$（'#optionTwo'）。是（':checked'））{
$（'.box one'）.removeClass（'hide'）；
}
如果（$（'#optionOne'）。是（':checked'））{
$（'.box two'）.removeClass（'hide'）；
}
}
其他的
警报（'select a checkbox'）；//如果没有，则向用户显示一些消息
});
});
.hide{
display:none；//添加此属性
}

请在下面选择一个选项

选择第一框
选择框二


这是第一个盒子

这是第二个盒子

您缺少
。隐藏
类
显示：无
属性css。。休息吧，一切都好


$（函数（）{
$（'.decider'）.removeClass（'hide'）；
$（'.box one，.box two'）.addClass（'hide'）；//将hide添加到两个类中
$（“#optionTwo”）。单击（函数（）{
$（'optionOne'）.attr（“选中”，假）；
});
$（“#optionOne”）。单击（函数（）{
$（'optionTwo'）.attr（“选中”，false）；
});
$（“#发送决定”）。单击（函数（）{
if（$（'input[type=“checkbox”]：checked'）.length）//检查是否选中了任何复选框
{
//如果是，那就去做你想做的事
$（'.decider'）.addClass（'hide'）；//在任何情况下都要隐藏它
如果（$（'#optionTwo'）。是（':checked'））{
$（'.box one'）.removeClass（'hide'）；
}
如果（$（'#optionOne'）。是（':checked'））{
$（'.box two'）.removeClass（'hide'）；
}
}
其他的
警报（'select a checkbox'）；//如果没有，则向用户显示一些消息
});
});
.hide{
display:none；//添加此属性
}

请在下面选择一个选项

选择第一框
选择框二


这是第一个盒子

这是第二个盒子

您缺少
。隐藏
类
显示：无
属性css。。休息吧，一切都好


$（函数（）{
$（'.decider'）.removeClass（'hide'）；
$（'.box one，.box two'）.addClass（'hide'）；//将hide添加到两个类中
$（“#optionTwo”）。单击（函数（）{
$（'optionOne'）.attr（“选中”，假）；
});
$（“#optionOne”）。单击（函数（）{
$（'optionTwo'）.attr（“选中”，false）；
});
$（“#发送决定”）。单击（函数（）{
if（$（'input[type=“checkbox”]：checked'）.length）//检查是否选中了任何复选框
{
//如果是，那就去做你想做的事
$（'.decider'）.addClass（'hide'）；//在任何情况下都要隐藏它
如果（$（'#optionTwo'）。是（':checked'））{
$（'.box one'）.removeClass（'hide'）；
}
如果（$（'#optionOne'）。是（':checked'））{