JSFiddle - React, Tailwind, and code Playground

by phaas

HTML

<ul>
    <li>
        <input type="text" class="one"></input>
    </li>
    <li>
        <input type="text" class="two"></input>
    </li>
    <li>
        <input type="text" class="three"></input>
    </li>
</ul>
<ul>
    <li>
        <input type="text" class="one"></input>
    </li>
    <li>
        <input type="text" class="two"></input>
    </li>
    <li>
        <input type="text" class="three"></input>
    </li>
</ul>

JavaScript

function linkInputTextFields(selector) {
    return jQuery(selector).bind("keyup blur change", function () {
        jQuery(selector).not(this).val(jQuery(this).val());
    });
}

jQuery(function () {
    linkInputTextFields(".one");
    linkInputTextFields(".two");
    linkInputTextFields(".three");
});