Javascript 仅当选中复选框时，才需要设置复选框文本字段

是否可以仅在选中复选框时才设置必填字段？下面是我尝试的，但我似乎无法让它工作

因此，我希望只有选中其中一个复选框时，字段1和字段2才是必需的

我尝试了下面的Javascript代码，但似乎无法使其正常工作

let toggleInputRequired = ( checkbox, input ) => {
    checkbox.addEventListener( 'change', e => {
        if ( e.currentTarget.checked )
            input.setAttribute( 'required', 'required' );
        else
            input.removeAttribute( 'required' );
    } );

    checkbox.onchange();
}

toggleInputRequired( document.querySelector( 'input[name="rtk[checked][]"]' ), document.querySelector( 'input[name="rtk[5][field1]"]' ) );

/*警报的常驻选择*/
document.getElementById（'resident'）。addEventListener（'change'，function（）{
if（this.value！==“CA”）{
document.getElementById（'stateWarning'）.style.display='block'；
document.querySelector（“#stateWarning b#stateName”）.textContent=this.options[this.selectedIndex].text；
}否则{
document.getElementById（'stateWarning'）.style.display='none'；
}
});
/*知情权*/
const formwrapperppersonal=document.getElementById（'form-wrapper-personal'）；
const formWrapperSpecific=document.getElementById（'form-wrapper-specific'）；
document.getElementById（'rtk1'）。addEventListener（'change'，（e）=>{
如果（例如，选中目标）{
formWrapperPersonal.style.display=“”
}否则{
formWrapperPersonal.style.display='none'
}
});
document.getElementById（'rtk5'）。addEventListener（'change'，（e）=>{
如果（例如，选中目标）{
formWrapperSpecific.style.display=“”
}否则{
formWrapperSpecific.style.display='none'
}
});
/*删除权*/
const formWrapperCertainSelection=document.getElementById（'form-wrapper-special-selection'）；
const toggleCertainForm=（）=>{
const-formWrapper=document.getElementById（'form-wrapper-sequence'）；
const rtd3=document.getElementById（'rtd3'）；
formWrapper.style.display=rtd3.checked？“”：“无”；
};
document.querySelectorAll（'[name=“rtd[checked]”]]'）。forEach（r=>
r、 addEventListener（'change'，toggleCertainForm）
);
document.getElementById（'rtd3Transaction'）。addEventListener（'change'，（e）=>{
if（e.target.checked | | document.getElementById（“rtd3Device”）.checked）{
formWrapperCertainSelection.style.display=''
}否则{
formWrapperCertainSelection.style.display='none'
}
});
document.getElementById（'rtd3Device'）。addEventListener（'change'，（e）=>{
if（e.target.checked | | document.getElementById（“rtd3Transaction”）.checked）{
formWrapperCertainSelection.style.display=''
}否则{
formWrapperCertainSelection.style.display='none'
}
});

我是以下地区的居民：
选择。。。
他收集了关于你的资料。
请提供以下用于核查目的的信息：
字段1
字段1是必需的。
字段2
字段2是必需的。
字段3
字段3是必填字段。
要请求访问您收集的有关您的特定个人信息，您必须签署声明，声明您是上述信息提供的个人，这将受到伪证处罚。请在下面上传一份已完成并签名的副本。如果您不提交表格，我们将无法向您提供收集到的有关您的具体个人信息。
上传申报表
上传完成并签署的申报表。
您必须指定您希望我们删除的个人信息：
我的交易数据
通过Cookie和其他自动收集工具收集的有关我的设备的信息
我确认我希望Fleishmanhillad不要将您的个人信息出售给第三方。
提交请求
您的代码太拥挤了，下面是您想要的演示。希望这对你有帮助

在
文档准备就绪
的下方，选中更改事件复选框并检查
文本框具有
required属性
。只要在if的帮助下切换它
其他条件


$（文档）.ready（函数（）{
$（'.checkbox'）.change（函数（）{
if（$（'.inputBox'）.attr（'required'））{
$（'.inputBox'）。removeAttr（'required'）；
} 
否则{
$（'.inputBox'）.attr（'required'，'required'）；
}
});
});

选中我使文本框成为必填字段

您可以在提交表单时进行检查。比方说，用户选择第一个复选框个人信息类别get_company（）；？>收集了关于您的信息。

let checkbox1 = document.querySelector('.checkbox1:checked').value;
if(checkbox1){
  if(!document.getElementById('checkbox1InputFiedl1').value || 
  !document.getElementById('checkbox1InputFiedl2').value){
     alert("Error: fields not filled")
  }
}

@BhavikKalariya没有必要发表这样的评论。你应该更具体地使用那些选择器。你的选择器仍然不够具体。您的代码可能无法按预期工作