JSFiddle - React, Tailwind, and code Playground

HTML

<h3>Check any radio button to see what events are triggered:</h3>
<div class="webshop-checkout">
    
<input type="radio" name="checkout-payment" value="56" id="checkout-payment-56" class="checkout-radio checkout-payment-radio checkout-payment-radio" onclick="paymentChanged(this);" /> #checkout-payment-56<br>

<input type="radio" name="checkout-payment" value="57" id="checkout-payment-57" class="checkout-radio checkout-payment-radio checkout-payment-radio" onclick="paymentChanged(this);" /> #checkout-payment-57<br>

<input type="radio" name="checkout-payment" value="58" id="checkout-payment-58" class="checkout-radio checkout-payment-radio checkout-payment-radio" onclick="paymentChanged(this);" /> #checkout-payment-58<br>

<input type="radio" name="checkout-payment" value="59" id="checkout-payment-59" class="checkout-radio checkout-payment-radio checkout-payment-radio" onclick="paymentChanged(this);" /> #checkout-payment-59<br>

</div>

CSS

body{
    font-family:sans-serif;
}
.webshop-checkout{
    background:#f1f1f1;
    padding:5px;
}

JavaScript

$('.webshop-checkout input[type="radio"]').click(function(){
    alert('myCode was triggered.');
});



    
    
    
    
    
    
    
    












    
    
    
    
    
function paymentChanged(el){
    alert('paymentChanged for #'+el.id);
}