Javascript 使用选择框启用按钮

简单地说，我有两个单选按钮当第一个单选按钮被选中时，一个选择框出现，当单选按钮被选中时，两个选择框出现。在此之后，我有一个按钮“提交”，现在我想，当我选择第一个单选按钮时，提交按钮必须启用，但当我选择第二个单选按钮时，按钮必须禁用，直到两个选择框都没有一些值。 我使用HTML表单组中的表单来考虑所有字段，当所有字段都有一定值时，唯一的按钮将被启用，但在上述情况下，我被卡住了。p>

**This is my javascript code.
I m new in this plz help.**


function statecheck(){
    if (document.getElementById('state').checked = true) {
      document.getElementById('ifstate').style.display = 'block';
      document.getElementById('ifapmc').style.display = 'none';
      document.getElementById('ifapmc').disabled = true;
    }
  }

  function stateapmccheck(){
    if (document.getElementById('apmc').checked = true) {
      document.getElementById('ifapmc').style.display = 'block';
      document.getElementById('ifstate').style.display = 'none';
      document.getElementById('ifstate').disabled = true;
    }
  }

这是我的棱角材料代码

    <div>
        <label>Registration Level: </label>&nbsp;
        <mat-radio-group aria-label="Select an option" 
    formControlName="choosereglevel" #reglevel>
              <mat-radio-button value="1" id="state" 
    onclick="javascript:statecheck();" color="primary">State</mat-radio 
 button>&nbsp;
              <mat-radio-button value="2" id="apmc" 
    onclick="javascript:stateapmccheck();" color="primary">APMC</mat-radio- 
   button>
              <!--<mat-error 
    *ngIf="firstFormGroup?.controls?.choosereglevel?.hasError('required')">
                  Please choose one <strong>level.</strong>
              </mat-error>-->
            </mat-radio-group>
          </div>
          <br>
          <!--hidden select box-->
          <div id="ifstate" style="display:none;">
          <mat-form-field>
            <mat-label>Registered With State: </mat-label>  
              <mat-select formControlName="choosestate" #selectstate>
                <mat-option *ngFor="let selectstate of registrationstate" 
    [value]="selectstate.value">
                  {{selectstate.viewValue}}
                  </mat-option>
                </mat-select>
            </mat-form-field>
          </div> 
            <!--second T&C select box-->
            <div id="ifapmc" style="display:none;">
              <mat-form-field>
              <mat-label>Registered With State: </mat-label>  
                <mat-select formControlName="choosestate" #selectstate>
                  <mat-option *ngFor="let selectstate of registrationstate" 
    [value]="selectstate.value">
                    {{selectstate.viewValue}}
                  </mat-option>
                </mat-select>
              </mat-form-field> 
              <mat-form-field>
                <mat-label>Registered With APMC: </mat-label>  
                <mat-select formControlName="chooseapmc" #selectapmc>
                  <mat-option *ngFor="let selectstate of 
registrationapmcstate" 
    [value]="selectstate.value">
                    {{selectstate.viewValue}}
                  </mat-option>
                </mat-select>
              </mat-form-field>
            </div>

注册级别：
陈述
APMC


在国家注册：
{{selectstate.viewValue}
在国家注册：
{{selectstate.viewValue}
在APMC注册：
{{selectstate.viewValue}

在我看来，您的

if（…）

语句中似乎有语法错误

使用单个

=

符号时，它会将左侧的属性设置为与右侧的值匹配

要进行比较，您需要一个双精度的

==

因此，请尝试

document.getElementById（'state'）。选中==true

和

如果document.getElementById（'apmc'）。选中==true