JSFiddle - React, Tailwind, and code Playground

by Terry Mun

HTML

<div id="bottomContent">
    <input type="text" id="StartDate" name="StartDate" />
    <br />
    <input type="text" id="EndDate" name="EndDate" />
    <br />
    <label for="AllDate">
        <input type="checkbox" name="AllDate" id="AllDate" />All Dates</label>
</div>

JavaScript

$(function () {
    $('#bottomContent').on('change', '#StartDate', function (e) {
        var value = $(this).val();
        if (value.length > 0) {
            $('#AllDate').prop('checked', false);
            console.log('hi');
        }
    });
});