JSFiddle - React, Tailwind, and code Playground

by Mohd Zaki

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/base/jquery-ui.css">
<span><input type="radio" value="false" name="item[shipping]" id="item_shipping_false" checked="checked"><label for="item_shipping_false" class="collection_radio_buttons">No</label></span>

<span><input type="radio" value="true" name="item[shipping]" id="item_shipping_true"><label for="item_shipping_true" class="collection_radio_buttons">Yes</label></span>
<input id="item_shipping_cost" class="currency optional" type="text" size="30" name="item[shipping_cost]" disabled="disabled">

JavaScript

$('input[name="item[shipping]"]').on('click', function() {
    if ($(this).val() === 'true') {
        $('#item_shipping_cost').removeProp("disabled");
    }
    else {
        $('#item_shipping_cost').prop("disabled", "disabled");
    }
});