JSFiddle - React, Tailwind, and code Playground

by wondertalik

HTML

<div id='w_head' style='background-color: #0075CE; width: 450px; height: 40px; padding: 20px;'>	<span id='w_head_name' style='color: white; font-size: 30px; padding: 100px;'>NIK</span>

        </div>
        <form method='post'>
            <fieldset style='width: 480px; border-left: none; border-right: none; border-bottom: none; padding: 0px; padding-left: 10px; margin-top:20px;'>
                <legend>{$row2['fio']}</legend>
            </fieldset>
            <table style='margin-top: 20px;'>
                <tbody>
                    <tr id='line_sum'>
                        <td class='td_1'>Введите сумму, грн <span style='color: red;'>*</span>:</td>
                        <td class='td_2'>
                            <input id='sum' name='sum' style='width: 320px;' type='text' />
                        </td>
                    </tr>
                    <tr>
                        <td class='td_1'>Дата заказа <span style='color: red;'>*</span>:</td>
                        <td class='td_2'>
                            <select size=1 name='data' id='select_data'>$option</select>
                        </td>
                    </tr>
                    <tr>
                        <td class='td_1'>Сделайте выбор <span style='color: red;'>*</span>:</td>
                        <td class='td_2'>
                            <input name='type_v' value='1' type='radio' checked='checked' />За заказ
                                <br />
                            <input name='type_v' value='0' type='radio' />За вес
                                <br />
                            <input name='type_v' value='2' type='radio' />За вес остатков
                                <br />
                            <input name='type_v' value='3' type='radio' />Возврат на карту
                                <br />
                        </td>
                    </tr>
                    <tr>
                        <td colspan='2'>
                           ...

CSS

.td_1 {

		    width: 180px;

		}

		.td_2 {

		    width: 320px;

		}

JavaScript

$('#line_sum').hide();

$('input[name=type_v]').bind('change', function (event) {

    var el = $('input[name=type_v]:checked').val();

    switch (+el) {
        case 1:
            $('#line_sum').hide();
            break;
        default:
            $('#line_sum').show();
            break;
    }
});