JSFiddle - React, Tailwind, and code Playground
by ritcheyer
HTML
<ul>
<li>
<label for="creditCardMethod">
<input type="radio" name="billingMethod" id="creditCardMethod" value="creditCard" data-showbillingmethod="creditcard" checked> <strong>Credit Card</strong>.<br />This method is auto-pay and paperless. We will bill the card on file at the end of every month.
<label>
</li>
<li>
<label for="purchaseOrderMethod">
<input type="radio" name="billingMethod" id="purchaseOrderMethod" value="purchaseOrder" data-showbillingmethod="purchaseorder"> <strong>Purchase Order</strong>.<br />A paper invoice mailed to your place of business at the end of the month. You have 45 days to pay.
</label>
</li>
</ul><br/><br/>
<div class="form-two-col">
<div class="form-column">
<div id="creditcard" class="credit-card-info">
<h3 class="section-title">Credit Card</h3>
<ul>
<li class="group form-group form-inline">
<label for="cardNumber" class="form-size-xsmall">Card Number</label>
<input id="cardNumber" type="text" class="focusable evtReqdInput form-size-small" onkeyup="SelectCC(this.value)" maxlength="16" size="16" name="ccnum" />
<label for="cardNumber" class="form-supporting">15 or 16 digits, no dashes or spaces please</label>
</li>
<li class="form-group form-inline">
<label for="cardType" class="form-size-xsmall">Card Type:</label>
<span id="cardType"></span>
</li>
<li class="form-group form-inline">
<label id="expDateLabel" for="expMonth" class="form-size-xsmall">Expiration Date</label>
<select id="expMonth">
<option value="1">01</option>
<option value="2">02</option>
<option value="3">03</option>
<option value="4">04</option>
<option value="5">05</option>
<option...
JavaScript
$(function() {
$('input[name="billingMethod"]').on('click.remove', function(){
console.log('test');
});
});