Javascript 将id作为函数的参数传递 性别 女性 男性

可以传递到函数的某个ID。在本例中，我希望传递函数中的ID=“RadioButtonRapper”（$event，IdasParameter） 其中IdasParameter=>“RadioButtonRapper”

---

我不想将其作为字符串使用和传递

reciveRadioButtonVal（$event，RadioButtonRapper）

？

您可以使用angular的元素选择器传递它，在单选按钮上设置属性

<div class="row">
  <div class="text" id="radioButtonWrapper" style="display:inline-block;">Gender</div>
  <div class="data">
    <div id="genderSection" style="display:inline-block;">
      <radiobutton [(model)]="gender" name="gender" value="Female" (modelChange)="reciveRadioButtonVal($event, IdasParameter )" required>Female</radiobutton>
      <radiobutton [(model)]="gender" name="gender" value="Male" (modelChange)="reciveRadioButtonVal($event, IdasParameter)" required>Male</radiobutton>
    </div>
  </div>
</div>

---

拥有元素后，您可以访问其所有属性。

您可以使用angular的元素选择器传递该元素，并在单选按钮上设置属性

<div class="row">
  <div class="text" id="radioButtonWrapper" style="display:inline-block;">Gender</div>
  <div class="data">
    <div id="genderSection" style="display:inline-block;">
      <radiobutton [(model)]="gender" name="gender" value="Female" (modelChange)="reciveRadioButtonVal($event, IdasParameter )" required>Female</radiobutton>
      <radiobutton [(model)]="gender" name="gender" value="Male" (modelChange)="reciveRadioButtonVal($event, IdasParameter)" required>Male</radiobutton>
    </div>
  </div>
</div>

---

一旦拥有元素，您就可以访问其所有属性。

创建一个引用而不是id。即

#radioButtonWrapper

并将

radioButtonWrapper

传递给函数（不是作为字符串。作为变量）

性别
女性
男性

创建一个引用而不是id。即

#RadioButtonRapper

并将

RadioButtonRapper

传递给函数（不是作为字符串。作为变量）

性别
女性
男性

为什么不能使用

#radioButtonWrapper

属性简单地添加一个ref并传递它？不是model而是ngmodel为什么不能使用

#radioButtonWrapper

属性简单地添加一个ref并传递它？当我使用console时不是model而是ngmodel。log（radiobutton）显示性别。如何获取此元素的id？当我使用console.log（radiobutton.nativeElement）显示性别时，console.log（radiobutton.nativeElement）返回未定义。如何获取此元素的id？console.log（radiobutton.nativeElement）返回未定义

reciveRadioButtonVal(event, radiobutton){
    console.log(radiobutton.nativeElement);// this is the radio button
    console.log(radiobutton.nativeElement.id);// this is the id
}

<div class="row">
  <div class="text" #radioButtonWrapper style="display:inline-block;">Gender</div>
  <div class="data">
    <div id="genderSection" style="display:inline-block;">
      <radiobutton [(model)]="gender" name="gender" value="Female" (modelChange)="reciveRadioButtonVal($event, radioButtonWrapper )" required>Female</radiobutton>
      <radiobutton [(model)]="gender" name="gender" value="Male" (modelChange)="reciveRadioButtonVal($event, radioButtonWrapper)" required>Male</radiobutton>
    </div>
  </div>
</div>