JSFiddle - React, Tailwind, and code Playground

by CJ Ramki

HTML

<form action="confirm_sendemail.php" method="post" enctype="multipart/form-data" name="form1" id="form1">Subject :
    <br/>
    <input type="text" name="subject" id="subject" required/>
    <br/>Choose your upload type:
    <br />
    <input type="radio" name="email" id="database" onclick="database_csv()" checked value="databse" />Database
    <input type="radio" name="email" id="csv" onclick="csv_database()" value="csv" />CSV
    <br/>
    <div id="send_type" style="display:none">
        <input name="csv" type="file" id="csv" accept=".csv" required/>
        <br/>
    </div>Content :
    <br/>
    <textarea name="message" cols="50" rows="10" required></textarea>
    <br/>
    <input type="submit" name="submit" value="Submit" />
</form>

JavaScript

$('#database').click(function () {
     $('#send_type').hide().children().removeAttr('required');
 });
 $('#csv').click(function () {
     $('#send_type').show().children().attr('required', true);
 });