Sign In
Create Account
Schimbare "checkbox" in "button"
Last Updated: May 01 2018 13:37, Started by
alex05ok
, May 01 2018 10:05
·
0
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! |
Back to top
#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
-
- Change Theme
- English
- Mark Community Read
- Termene & conditii
- Confidentialitate
- Consimtamant
- Cookies
- Help
© 2001-2024 Softpedia. All rights reserved. Softpedia® and the Softpedia logo are registered trademarks of SoftNews Net SRL.
Ora implicita a Forumului Softpedia este ora standard a Romaniei (GMT+2). Mai multe informatii →
⚠ Postarile afisate pe Forumul Softpedia reprezinta o opinie subiectiva a membrilor care le-au publicat si nu a SoftNews Net SRL.