Javascript 单击复选框清除我的jQuery代码

我正在对一个工作应用程序进行表单验证，并在元素填写不正确时添加一个类。下面我有一些html和jQuery，如果申请者选中“不自我识别”复选框，它们将从一组特定的元素中删除该类。我很难找到一种更干净的方式来参考跨度。我还包括了一个“onclick”事件的一部分，我在“do not self identification”复选框中触发了该事件，该复选框禁用了我正在从中删除类的相同元素。在代码的这一部分中，您将看到一些注释掉的行，其中我没有成功地引用跨距。任何帮助都会很棒！提前谢谢

HTML:

单击禁用JS：

function disableIdentification(xRadioButton) {
if (document.getElementById(xRadioButton).checked){


    // jQuery('#AAI_White').parentNode.classList.remove("campuri-necesare");
    // document.getElementById('AAI_Hispanic_Span').classList.remove("campuri-necesare");
    // document.getElementById('AAI_Race_Span').classList.remove("campuri-necesare");
    // document.getElementById('AAI_Gender_span').classList.remove("campuri-necesare");

    document.getElementById('whatGender').disabled=true;
    document.getElementById('whatGenderMale').disabled=true;
    document.getElementById('whatGenderFemale').disabled=true;
    document.getElementById('whatRace').disabled=true;
    document.getElementById('AAI_White').disabled = true;
    document.getElementById('AAI_Black').disabled = true;
    document.getElementById('AAI_PacificIslander').disabled = true;
    etc etc etc.....

---

快速且脏：为所有您希望在无自识别位置条件下禁用的复选框指定一个类，例如

identity checkbox

。然后，您需要的jquery非常简单，如

$（“.identity checkbox”）.attr（“disabled”，true）

使用jquery的

removeClass（）

。DOM遍历在jQuery中也容易得多，最好还是坚持下去。请跳过这个。我强烈建议大家阅读jQuery的选择器并学习如何使用它们。请参阅此处了解一些基本信息：这是一段非常混乱的代码，如果您学会使用它们，它将得到显著的清理。

jQuery('#noSelfIdentify').click(function(){
    jQuery(this.parentNode.parentNode.parentNode.parentNode.children[93].children[0].children[0].children[0].children[0].children[1]).removeClass("campuri-necesare");
    jQuery(this.parentNode.parentNode.parentNode.parentNode.children[94].children[0].children[3]).removeClass("campuri-necesare");
    jQuery(this.parentNode.parentNode.parentNode.parentNode.children[95].children[1]).removeClass("campuri-necesare");
}); 

function disableIdentification(xRadioButton) {
if (document.getElementById(xRadioButton).checked){


    // jQuery('#AAI_White').parentNode.classList.remove("campuri-necesare");
    // document.getElementById('AAI_Hispanic_Span').classList.remove("campuri-necesare");
    // document.getElementById('AAI_Race_Span').classList.remove("campuri-necesare");
    // document.getElementById('AAI_Gender_span').classList.remove("campuri-necesare");

    document.getElementById('whatGender').disabled=true;
    document.getElementById('whatGenderMale').disabled=true;
    document.getElementById('whatGenderFemale').disabled=true;
    document.getElementById('whatRace').disabled=true;
    document.getElementById('AAI_White').disabled = true;
    document.getElementById('AAI_Black').disabled = true;
    document.getElementById('AAI_PacificIslander').disabled = true;
    etc etc etc.....