JSFiddle - React, Tailwind, and code Playground

by Guruprasad Rao

HTML

<tr>
                                        <td>Monday</td>
                                        <td><input type="radio" name="mon" value="all">all day</td>
                                        <td><input type="radio" name="mon" value="time">between 
                                            <select name="firstTime">
                                                <option>Time</option>
                                                <option value="12">12:00</option>
                                                <option value="13">13:00</option>
                                                <option value="14">14:00</option>
                                                <option value="15">15:00</option>
                                                <option value="16">16:00</option>
                                                <option value="17">17:00</option>
                                                <option value="18">18:00</option>
                                                <option value="19">19:00</option>
                                                <option value="20">20:00</option>
                                            </select>
                                            to 
                                            <select name="secondTime">
                                                <option>Time</option>
                                                <option value="12">12:00</option>
                                                <option value="13">13:00</option>
                                                <option value="14">14:00</option>
                                                <option value="15">15:00</option>
                                                <option value="16">16:00</option>
                                                <option value="17">17:00</option>
                                                <option value="18">18:00</option>
                                            ...

JavaScript

$("input[name=mon]").on("change", function(){
    if(this.value=="time"){
        alert("First Time : " + $('select[name="firstTime"] option:selected').text());
        alert("Second Time : "+$('select[name="secondTime"] option:selected').text());
    }
    
});