javascript - 在调用onclick()函数的函数中传递按钮value属性值，动态创建按钮

Question

我正在动态创建表行。在每一行中，我还创建按钮。意味着每一行都有按钮。单击按钮时我想传递 value 属性的值 (value="'+patent .appointmentId+') 在函数 getAppointment() 中。

<button type="button" 
value="'+patient.appointmentId+' "id="cancel-appointment"  
onclick = "getAppointment()" class="fa fa-remove btn-transparent">  
</button>

想要这个

   <button type="button" 
value="'+patient.appointmentId+' "id="cancel-appointment"  
onclick = "getAppointment(patient.appointmentId)" class="fa fa-remove btn-transparent">  
</button>

Answer 1

您可以使用 this.value 传递值:

<button type="button"
    value="'+patient.appointmentId+' "id="cancel-appointment"
    onclick = "getAppointment(this.value)" class="fa fa-remove 
    btn-transparent">
   </button>

如果属性不同，您可以使用 this.getAttribute("value")。

function getAppointment(v) {
  console.log('value=' + v);
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-1.12.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<button type="button"
        value="'1' "id="cancel-appointment"
        onclick = "getAppointment(this.value)" class="fa fa-remove btn-transparent">Button1
</button>
<button type="button"
        value="'2' "id="cancel-appointment1"
        onclick = 'getAppointment(this.getAttribute("value"))' class="fa fa-remove btn-transparent">Button2
</button>