Question

Below are custom option of Radio Button Type. How to Display <span> value under the <label> when customer checked Radio button using Jquery? Here All class are dynamic.

Example: As per the below code I want to show red if customer click on first radio and blue if customer click on 2nd radio button

<div class="options-list nested" id="options-1-list">
   <div>
      <input type="radio" class="radio-product-custom-option" name="options[1]" id="options_1_2" value="1" data-selector="options[1]" price="10" aria-required="true">
      <label class="label" for="options_1_2">
        <span>red</span>
      </label>
   </div>
   <div>
      <input type="radio" class="radio-product-custom-option" name="options[1]" id="options_1_3" value="2" data-selector="options[1]" price="20" aria-required="true">
      <label class="label" for="options_1_3">
        <span>blue</span>
      </label>
   </div>
</div>

No correct solution

Licensed under: CC-BY-SA with attribution
Not affiliated with magento.stackexchange
scroll top