<h3>Διαθέσιμες Επιλογές </h3> <div class="form-group required "> <label class="control-label">Επιλέξτε μέγεθος ρούχου</label> <div id="input-option3021"> <div class="checkbox radio-type-button"> <label> <input type="checkbox" name="option[3021][]" value="11354"/> <span class="option-content-box" data-title="S (Small) +" data-toggle='tooltip'> <span class="option-name">S (Small) </span> </span> </label> </div> <div class="checkbox radio-type-button"> <label> <input type="checkbox" name="option[3021][]" value="11355"/> <span class="option-content-box" data-title="M (Medium) +" data-toggle='tooltip'> <span class="option-name">M (Medium) </span> </span> </label> </div> <div class="checkbox radio-type-button"> <label> <input type="checkbox" name="option[3021][]" value="11356"/> <span class="option-content-box" data-title="L (Large) +" data-toggle='tooltip'> <span class="option-name">L (Large) </span> </span> </label> </div> <div class="checkbox radio-type-button"> <label> <input type="checkbox" name="option[3021][]" value="11357"/> <span class="option-content-box" data-title="XL (Extra large) +" data-toggle='tooltip'> <span class="option-name">XL (Extra large) </span> </span> </label> </div> <div class="checkbox radio-type-button"> <label> <input type="checkbox" name="option[3021][]" value="11358"/> <span class="option-content-box" data-title="2XL (Extra extra large) +1,00€" data-toggle='tooltip'> <span class="option-name">2XL (Extra extra large) </span> </span> </label> </div> <script type="text/javascript"> $(document).ready(function(){ $('#input-option3021 ').on('click', 'span', function () { $(this).toggleClass("active"); }); }); </script> </div> </div> <div class="form-group required "> <label class="control-label">Επιλέξτε χρώμα ρούχου</label> <div id="input-option5019"> <div class="radio option_image radio-type-button"> <label> <input type="radio" name="option[5019]" value="20817"/> <span class="option-content-box" data-title="01 Λευκό +" data-toggle='tooltip'> <img src="https://www.efishop.gr/image/cache/catalog/data/products/Royxa/tp/xromata/01-leyko-2-50x50.jpg " alt="01 Λευκό +"/> <span class="option-name">01 Λευκό </span> </span> </label> </div> <div class="radio option_image radio-type-button"> <label> <input type="radio" name="option[5019]" value="20818"/> <span class="option-content-box" data-title="03 Γαλάζιο +" data-toggle='tooltip'> <img src="https://www.efishop.gr/image/cache/catalog/data/products/Royxa/tp/plifories-tp/03-σιελ-50x50.jpg " alt="03 Γαλάζιο +"/> <span class="option-name">03 Γαλάζιο </span> </span> </label> </div> <div class="radio option_image radio-type-button"> <label> <input type="radio" name="option[5019]" value="20819"/> <span class="option-content-box" data-title="22 Ροζ ανοιχτό +" data-toggle='tooltip'> <img src="https://www.efishop.gr/image/cache/catalog/data/products/Royxa/tp/plifories-tp/22-roz-anoixto-50x50.jpg " alt="22 Ροζ ανοιχτό +"/> <span class="option-name">22 Ροζ ανοιχτό </span> </span> </label> </div> <script type="text/javascript"> $(document).ready(function(){ $('#input-option5019 ').on('click', 'span', function () { $('#input-option5019 span').removeClass("active"); $(this).toggleClass("active"); }); }); </script> </div> </div>
