JSFiddle - React, Tailwind, and code Playground

HTML

<span style="position: absolute; left: 171px;"><span>TextBlock</span></span>
<div style="position: absolute; left: 0px;">
    <input type="radio"></input><label class="select-only-this">RadioButton</label>
</div>
<div style="position: absolute; left: 607px;  top: 100px">
    <input type="radio"></input><label class="select-only-this">RadioButton</label>
</div>

JavaScript

function selectElement(element) {
    var selection,
        range;

    if (element.nodeName === 'INPUT' || element.nodeName === 'TEXTAREA') {
        element.focus();
        element.setSelectionRange(0, element.value.length);
    } else {
        if (element.hasAttribute('contenteditable')) {
            element.focus();
        }

        selection = window.getSelection();
        range = document.createRange();

        range.selectNodeContents(element);
        selection.removeAllRanges();
        selection.addRange(range);
    }
}

function getSelectElementCallback(element) {
    return function () {
        selectElement(element);
    };
}

var elements = document.getElementsByClassName('select-only-this');

for (var i = 0, l = elements.length; i < l; i++) {
    elements[i].addEventListener('dblclick', getSelectElementCallback(elements[i]));
}