Schimbare "checkbox" in "button"
Last Updated: May 01 2018 13:37, Started by
alex05ok
, May 01 2018 10:05
·
0
#1
Posted 01 May 2018 - 10:05
Buna ziua!
Cum schimb "checkbox" in "button" in exemplul de mai jos, dar sa functioneze la fel? https://jsfiddle.net/awy7vb4j/ <div id="gallery1"> <input type="checkbox"value="dog">Dog <input type="checkbox"value="cat">Cat <input type="checkbox"value="bird">Bird <!-- DOG --> <img src="https://image.ibb.co/ev36Dx/1.jpg" data_cat="dog"> <img src="https://image.ibb.co/cyXNmH/2.jpg" data_cat="dog"> <!-- CAT --> <img src="https://image.ibb.co/d3Rttx/3.jpg" data_cat="cat"> <img src="https://image.ibb.co/npueYx/4.jpg" data_cat="cat"> <!-- Bird --> <img src="https://image.ibb.co/mZE2mH/5.jpg" data_cat="bird"> <img src="https://image.ibb.co/iWaWfc/6.jpg" data_cat="bird"> </div> <script> $("#gallery1 input").on("change", function() { $("#gallery1 img").css("display", "none"); $("#gallery1 input:checked").each(function(idx, item) { $("#gallery1 img[data_cat*='" + item.value + "']").css("display", "inline"); }) }) </script> Multumesc! |
#2
Posted 01 May 2018 - 13:37
Anunturi
Bun venit pe Forumul Softpedia!
▶ 0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users