<h3>Διαθέσιμες Επιλογές </h3> <div class="form-group required "> <label class="control-label">Επιλέξτε μέγεθος ρούχου</label> <div id="input-option2745"> <div class="checkbox radio-type-button"> <label> <input type="checkbox" name="option[2745][]" value="10197"/> <span class="option-content-box" data-title="S +" data-toggle='tooltip'> <span class="option-name">S </span> </span> </label> </div> <div class="checkbox radio-type-button"> <label> <input type="checkbox" name="option[2745][]" value="10196"/> <span class="option-content-box" data-title="M +" data-toggle='tooltip'> <span class="option-name">M </span> </span> </label> </div> <div class="checkbox radio-type-button"> <label> <input type="checkbox" name="option[2745][]" value="10195"/> <span class="option-content-box" data-title="L +" data-toggle='tooltip'> <span class="option-name">L </span> </span> </label> </div> <div class="checkbox radio-type-button"> <label> <input type="checkbox" name="option[2745][]" value="10194"/> <span class="option-content-box" data-title="XL +" data-toggle='tooltip'> <span class="option-name">XL </span> </span> </label> </div> <div class="checkbox radio-type-button"> <label> <input type="checkbox" name="option[2745][]" value="10193"/> <span class="option-content-box" data-title="XXL +1,00€" data-toggle='tooltip'> <span class="option-name">XXL </span> </span> </label> </div> <script type="text/javascript"> $(document).ready(function(){ $('#input-option2745 ').on('click', 'span', function () { $(this).toggleClass("active"); }); }); </script> </div> </div> <div class="form-group required "> <label class="control-label">Επιλέξτε χρώμα ρούχου</label> <div id="input-option2746"> <div class="radio option_image radio-type-button"> <label> <input type="radio" name="option[2746]" value="10200"/> <span class="option-content-box" data-title="02 Μαύρο +" data-toggle='tooltip'> <img src="https://www.efishop.gr/image/cache/catalog/data/products/Royxa/tp/plifories-tp/02-μαυρο-50x50.jpg " alt="02 Μαύρο +"/> <span class="option-name">02 Μαύρο </span> </span> </label> </div> <div class="radio option_image radio-type-button"> <label> <input type="radio" name="option[2746]" value="10198"/> <span class="option-content-box" data-title="05 Κόκκινο +" data-toggle='tooltip'> <img src="https://www.efishop.gr/image/cache/catalog/data/products/Royxa/tp/plifories-tp/05-kokkino-50x50.jpg " alt="05 Κόκκινο +"/> <span class="option-name">05 Κόκκινο </span> </span> </label> </div> <div class="radio option_image radio-type-button"> <label> <input type="radio" name="option[2746]" value="20660"/> <span class="option-content-box" data-title="10 Μπλε royal +" data-toggle='tooltip'> <img src="https://www.efishop.gr/image/cache/catalog/data/products/Royxa/tp/plifories-tp/10-royal-mple-50x50.jpg " alt="10 Μπλε royal +"/> <span class="option-name">10 Μπλε royal </span> </span> </label> </div> <div class="radio option_image radio-type-button"> <label> <input type="radio" name="option[2746]" value="10199"/> <span class="option-content-box" data-title="17 Μπλε navy +" data-toggle='tooltip'> <img src="https://www.efishop.gr/image/cache/catalog/data/products/Royxa/tp/plifories-tp/17-mple-navy-50x50.jpg " alt="17 Μπλε navy +"/> <span class="option-name">17 Μπλε navy </span> </span> </label> </div> <script type="text/javascript"> $(document).ready(function(){ $('#input-option2746 ').on('click', 'span', function () { $('#input-option2746 span').removeClass("active"); $(this).toggleClass("active"); }); }); </script> </div> </div>
