JSFiddle - React, Tailwind, and code Playground

by Dave Mednick

HTML

<td>
    <input type="hidden" name="charge_cc" value="0" class="charge_cc">
    <input type="checkbox" id="charge_cc" name="charge_cc" value="1" class="charge_cc">Charge CC? Amount $
    <input type="text" id="charge_amt" name="charge_amt" value="" size="8" maxlength="6">
</td>

JavaScript

$(function () {
    $('#charge_amt').on('change', function () {
        var amount = $(this).val();
        if (amount.length > 0) {
            $('#charge_cc').prop('checked', 'checked');
        } else {
            $('#charge_cc').prop('checked',false);
        }
    });
})