onclick（）関数を呼び出す関数のボタンの値の属性値を渡します。動的に作成されるボタン

Question

テーブル行を動的に作成しています。各行に、ボタンを作成しています。すべての行にボタンがあります。私は機能getAppointment（中value属性（値= " '+ patient.appointmentId +'））の値を渡したい。

<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>