JSFiddle - React, Tailwind, and code Playground

by Satpal Singh

HTML

<table class="cron-tbl">
    <tbody>
        <tr>
            <td colspan="2" class="table-header">Weekdays</td>
        </tr>
        <tr>
            <td class="left-txt">
                <label>
                    <input type="radio" name="cron-weekdays" value="*">Every Minute</label>
                <br>
                <label>
                    <input type="radio" name="cron-weekdays" value="*/2">Even Minutes</label>
                <br>
                <label>
                    <input type="radio" name="cron-weekdays" value="1-59/2">Odd Minutes</label>
                <br>
                <label>
                    <input type="radio" name="cron-weekdays" value="/5">Every 5 Minutes</label>
                <br>
                <label>
                    <input type="radio" name="cron-weekdays" value="/15">Every 15 Minutes</label>
                <br>
                <label>
                    <input type="radio" name="cron-weekdays" value="/30">Every 30 Minutes</label>
            </td>
            <td>
                <table class="multi-select">
                    <tbody>
                        <tr>
                            <td colspan="2">
                                <input type="radio" name="cron-weekdays" value="select">
                                <select size="8" name="selectWeekdays" multiple="">
                                    <option value="0">Sun</option>}
                                    <option value="1">Mon</option>}
                                    <option value="2">Tue</option>}
                                    <option value="3">Wed</option>}
                                    <option value="4">Thu</option>}
                                    <option value="5">Fri</option>}
                                    <option value="6">Sat</option>}</select>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
   ...

JavaScript

$('document').ready(function () {
    $('select[multiple]').on('click', function (event) {
        $(this).siblings('input[type=radio]').prop('checked', true);
    });
});