JSFiddle - React, Tailwind, and code Playground

by Dimox

HTML

<script src="https://dimox.github.io/jQueryFormStyler/dist/jquery.formstyler.js"></script>
<link rel="stylesheet" href="https://dimox.github.io/jQueryFormStyler/dist/jquery.formstyler.css">
<link rel="stylesheet" href="https://dimox.github.io/jQueryFormStyler/dist/jquery.formstyler.theme.css">
<input class="checkbox" type="checkbox" name="name">
<select type="text" name="name" class="select" required="" aria-required="true">
<option value="#">Дата (на 2 дня)</option>
<option value="#">Дата (на 3 дня)</option>
<option value="#">Дата (на 4 дня)</option>
</select>
<select type="text" name="name" class="select" required="" aria-required="true">
<option value="#">Время</option>
<option value="#">10 : 00</option>
<option value="#">10 :30</option>
</select>

JavaScript

$('input, select').styler();

$('input.checkbox').click(function() {
	var checkbox = $(this);
	var select = $('select.select');
	if ( checkbox.is(':checked') ) {
		select.prop('disabled', false).trigger('refresh');
	} else {
		select.prop('disabled', true).trigger('refresh');
	}
});