File: /var/www/html/testJS.php
<script>
document.addEventListener("DOMContentLoaded", function () {
const radioInputs = document.querySelectorAll("input[name='radio-group-bytosri']");
const textDivs = document.querySelectorAll(".TheBrandRadioGroupOption");
radioInputs.forEach(function (radioInput, index) {
radioInput.addEventListener("click", function () {
textDivs.forEach(function (div, divIndex) {
if (index === divIndex) {
div.style.display = "block";
} else {
div.style.display = "none";
}
});
});
});
});
</script>
<li class="TheBrandRadioGroupOption TheBrandControlListOption" id="textOptions1" data-selected="true">
<input type="radio" class="implicit" id="radio-group-bytosri-1" name="radio-group-bytosri" value="text1">
<label for="radio-group-bytosri-1" title="Text 1">
<div slot="option">
<span>Text 1</span>
</div>
</label>
</li>
<div style="display:none" id="textOptions1">Text 1 Content</div>
<li class="TheBrandRadioGroupOption TheBrandControlListOption" id="textOptions2" data-selected="false">
<input type="radio" class="implicit" id="radio-group-bytosri-2" name="radio-group-bytosri" value="text2">
<label for "radio-group-bytosri-2" title="Text 2">
<div slot="option">
<span>Text 2</span>
</div>
</label>
</li>
<div style="display:none" id="textOptions2">Text 2 Content</div>