JSFiddle - React, Tailwind, and code Playground

by rjurd

HTML

<form action="">
    <div id="div1" style="background-color: #ffffdd;border: 1px solid #000;">
        <table width="900" border="1" cellspacing="0" cellpadding="0">
            <tr>
                <td width="212">Procedure Code</td>
                <td width="34"><span id="PROC_CODE" name="PROC_CODE">Test1</span>&nbsp;</td>
                <td width="646">&nbsp;</td>
            </tr>
            <tr>
                <td>Medicare Advantage</td>
                <td><span id="MEDICARE" name="MEDICARE">Test2</span>

                </td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>Procedure</td>
                <td><span id="STATUS">Test3</span>

                </td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>Specialty</td>
                <td><span id="ATA_ID">Test4</span>

                </td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>Precert Type</td>
                <td><span id="SYS_APP">Test5</span>

                </td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>Review Type:</td>
                <td><span id="SUBMITTER">Test6</span>

                </td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>Guidelines:</td>
                <td><span id="EMAIL">Test7</span>

                </td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>Additional Information for CPT</td>
                <td><span id="ADD_CPT" name="ADD_CPT">Test8</span>

                </td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>Prior Change Information</td>
                <td><span id="change" name="change">Test9</span>

                </td>
                <td>
                    <input type="checkbox" onclick="fnSelect('div1');">
                </td>
            </tr>
       ...

JavaScript

function fnSelect(objId) {
    fnDeSelect();
    var range;
    if (document.selection) {
        range = document.body.createTextRange();
        range.moveToElementText(document.getElementById(objId));
        range.select();
    } else if (window.getSelection) {
        range = document.createRange();
        range.selectNode(document.getElementById(objId));
        window.getSelection().addRange(range);
    }
}

function fnDeSelect() {
    if (document.selection) document.selection.empty();
    else if (window.getSelection) window.getSelection().removeAllRanges();
}