简化这些函数的Javascript语法

简化这些组合函数语法的最佳方法是什么

var returndateyes=document.getElementById（“内容”表格“F5E9D36B22E24CA2A7A8E858D4952EF”字段“7C9F9E2157994A2A84FE73D9389C76AAscope”字段）；
var returndateno=document.getElementById（“内容”表格“F5E9D36B22E24CA2A7A8E858D4952AEF”字段“7C9F9E2157994A2A84FE73D9389C76AAscope”1）；
var returndatecal=document.getElementById（“内容”表格“F5E9D36B22E24CA2A7A8E858D4952AEF”字段“3C4945224E184A9B9E3B6ABBB6D8A423”范围）；
var multitripyes=document.getElementById（“内容表”F5E9D36B22E24CA2A7A8E858D4952AEF“字段”3A796ED80E744BDD9720E4ADAC8DCC5Escope 0）；
var multitripno=document.getElementById（“内容”表格“F5E9D36B22E24CA2A7A8E858D4952EF”字段“3A796ED80E744BDD9720E4ADAC8DCC5范围”）；
var secondtripdate=document.getElementById（“内容”表“F5E9D36B22E24CA2A7A8E858D4952EF”字段“FB04828F69244ADB822E8C1CD36477EE范围”）；
var thirdtripdate=document.getElementById（“内容、表格、字段、范围”）；
returndatecal.style.display=“无”；
secondtripdate.style.display=“无”；
thirdtripdate.style.display=“无”；
returndateyes.onclick=函数（）{
如果（返回日期是，选中）{
returndatecal.style.display=“block”；
}
否则{
returndatecal.style.display=“无”；
}  
}
returndateno.onclick=函数（）{
如果（返回日期否已选中）{
returndatecal.style.display=“无”；
}
否则{
returndatecal.style.display=“block”；
}  
}
multitripyes.onclick=函数（）{
如果（是，选中）{
secondtripdate.style.display=“block”；
thirdtripdate.style.display=“block”；
}
否则{
secondtripdate.style.display=“无”；
thirdtripdate.style.display=“无”
}  
}
multitripno.onclick=函数（）{
如果（选中多特里普诺）{
secondtripdate.style.display=“无”；
thirdtripdate.style.display=“无”；
}
否则{
secondtripdate.style.display=“block”；
thirdtripdate.style.display=“块”
}  
}

试试这种方法

• 创建所有复选框的映射，其中包含应基于复选框选中值显示/隐藏的元素

• 迭代该映射以绑定事件

下面的示例

var checkboxToDateToMap={
“内容表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格”，
“内容表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格表格”，
“内容-表格-F5E9D36B22E24CA2A7A8E858D4952EF字段-ED80E744BDD9720E4ADAC8DCC5EScope:“[内容-表格-表格-F5E9D36B22E24CA2A8E858D4952EF字段-FB04828F69244ADB822E8C1CD36477EE字段”，“内容-表格-F5E9D36B22CA24CA28E8E858E4EF字段-F48858E4132”，
“内容-表格-F5E9D36B22E24CA2A7A8E858D4952EF字段-ED80E744BDD9720E4ADAC8DCC5EScope 1:[“内容-表格-表格-F5E9D36B22E24CA2A8E858D4952EF字段-FB04828F69244ADB822E8C1CD36477EE字段”，“内容-表格-F5E9D36B22CA24CA28E858E4EF字段-F488E475132”]
}
Object.keys（checkboxToDateToMap）.forEach（函数（checkboxElementId）{
//首先隐藏所有日期
checkboxToDateToMap[checkboxElementId].forEach（函数（elementId）{
document.getElementById（elementId）.display=“无”；
});
//获取复选框的句柄
var checkboxEl=document.getElementById（checkboxElementId）；
//将事件侦听器添加到复选框中
checkboxEl.addEventListener（“单击”，函数（）{
checkboxToDateToMap[checkboxElementId].forEach（函数（elementId）{
document.getElementById（elementId）.display=checkboxEl.checked？“块”：“无”；
});
});
});

你最好在网上问这个问题，我投票将这个问题作为主题外的问题结束，因为它要求进行代码审查，所以更适合codereview.stackexchange.com感谢Sagar Jajoriya的建议！修复了，我的电脑因为视频渲染而出现问题！

var returndateyes = document.getElementById("content_1_form_F5E9D36B22E24CA2A7A8E858D4952AEF_field_7C9F9E2157994A2A84FE73D9389C76AAscope_0"), 
returndateno = document.getElementById("content_1_form_F5E9D36B22E24CA2A7A8E858D4952AEF_field_7C9F9E2157994A2A84FE73D9389C76AAscope_1"), 
returndatecal = document.getElementById("content_1_form_F5E9D36B22E24CA2A7A8E858D4952AEF_field_3C4945224E184A9B9E3B6ABBB6D8A423_scope"), 
multitripyes = document.getElementById("content_1_form_F5E9D36B22E24CA2A7A8E858D4952AEF_field_3A796ED80E744BDD9720E4ADAC8DCC5Escope_0"), 
multitripno = document.getElementById("content_1_form_F5E9D36B22E24CA2A7A8E858D4952AEF_field_3A796ED80E744BDD9720E4ADAC8DCC5Escope_1"), 
secondtripdate = document.getElementById("content_1_form_F5E9D36B22E24CA2A7A8E858D4952AEF_field_FB04828F69244ADB822E8C1CD36477EE_scope"), 
thirdtripdate = document.getElementById("content_1_form_F5E9D36B22E24CA2A7A8E858D4952AEF_field_FDE38F6B8C2E4A788728550A2DECA132_scope");

returndatecal.style.display = "none";
secondtripdate.style.display = "none";
thirdtripdate.style.display = "none";

returndateyes.onclick = function() {
    returndatecal.style.display = returndateyes.checked ? "block" : "none";
};

returndateno.onclick = function() {
    returndatecal.style.display = returndateno.checked ? "none" : "block";
};

multitripyes.onclick = function() {
    multitripyes.checked ? (secondtripdate.style.display = "block", thirdtripdate.style.display = "block") : (secondtripdate.style.display = "none", thirdtripdate.style.display = "none");
};
multitripno.onclick = function() {
    multitripno.checked ? (secondtripdate.style.display = "none", thirdtripdate.style.display = "none") : (secondtripdate.style.display = "block", thirdtripdate.style.display = "block");
};