JSFiddle - React, Tailwind, and code Playground
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...
JavaScript
$('document').ready(function(){
$('select[multiple]').on('click', function(event) {
$(this).siblings('input[type=radio]').attr('checked', true);
});
});