選中復選框后如何刪除 HTML 中的必需屬性

Question

我有一個 function 在選擇批准/拒絕后隱藏或顯示 DIV 的某些部分。

        jQ('[id^="hrApproval"]').on('change', function(){
            //this get the value of the field that was changed
            thisPointer.entity.setValue(jQ(this).attr('id'), jQ(this).val());
            //this forces a save of that value to the field
            thisPointer.entity.mergeLocal(true);
            var hrApprovalValue = thisPointer.entity.getValue('hrApproval');

            if(hrApprovalValue == "Approve"){
                jQ('[id="section_requestInformationMulltiply"]').closest("div").show();
                jQ('[id="section_requestInformation_Single"]').closest("div").hide();
                jQ('[id="section_requestInformation_Single"]').closest("div").removeAttr('required');
            }else if(hrApprovalValue == "Reject"){
                jQ('[id="section_requestInformationMulltiply"]').closest("div").hide();
                jQ('[id="section_requestInformation_Single"]').closest("div").show();
                jQ('[id="section_requestInformation_Single"]').closest("div").removeAttr('required');
            }else{
                jQ('[id="section_requestInformation_All"]').closest("div").show();
                jQ('[id="section_requestInformation_All"]').closest("div").show();
            }
        });

HTML 復選框

                <fieldset>
                    <div class="row gutters">
                        <div class="col col-3"><label data-timtranslationlabel="HpreviousContractAvailable" for="previousContractAvailable">Application for a group of companies?</label></div>
                        <input type="radio" id="hrApproval_Approve" name="hrApproval" value="Approve" /><label data-timtranslationlabel="Hyes" for="hrApprover_Yes" class="checkbox">Yes</label>&#160;&#160;&#160;&#160;&#160;
                        <input type="radio" id="hrApproval_Reject" name="hrApproval" value="Reject" /><label data-timtranslationlabel="Hno" for="hrApprover_No" class="checkbox">No</label>&#160;&#160;&#160;&#160;&#160;
                    </div>
                </fieldset>

HTML 部分零件

    <div class="section" id="section_requestInformation_Single" style="display: none">
        <div id="tabGC" class="tabDiv">
            <div class="row gutters">
                <div class="col col-12">
                <fieldset>
                    <legend data-timtranslationlabel="">Customer information</legend>
                    <div class="row gutters">
                        <div class="col col-1">                         
                            <label data-timtranslationlabel="" for="deregistration_dateEffectiveOrder">Customer Name</label>
                            </div>      
                        <div class="col col-1">
                            <input type="text" maxlength="4000" name="deregistration_codeword" id="deregistration_codeword" class="small" required ="true" />
                            </div>  

在選擇 Approve 后，我想從給定的 DIV ID 中刪除 required = "true"。 例如，當我選擇 hrApprovalValue = Approve remove from jQ('[id="section_requestInformation_Single"]') required = "true"。

我嘗試添加.removeAttr('required')但它不起作用