Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Info Coronavirus/Vaccinare vs Fake News

Situatia masinilor cu volan pe dr...

Noul legamant

ecranul laptopului se intuneca ri...
 Centrala ferroli pe peleți

Tv cu slot card CI și intrar...

Otel carbon

Capcane pentru șoareci
 Passat B8

La volan baut si fara permis? Ped...

Reconditionare gard fier forjat/p...

7artisans 4mm F/2.8 fisheye circu...
 DVD-uri INTENSO

Perlele internetului in Germania

Invision Community, Editați ...

Despre cei ce ti se adreseaza agr...
 

Schimbare "checkbox" in "button"

- - - - -
  • Please log in to reply
1 reply to this topic

#1
alex05ok

alex05ok

    Member

  • Grup: Members
  • Posts: 375
  • Înscris: 08.11.2007
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
alex05ok

alex05ok

    Member

  • Grup: Members
  • Posts: 375
  • Înscris: 08.11.2007
Am gasit raspunsul aici:

https://www.w3school...om_checkbox.asp

Anunturi

Second Opinion Second Opinion

Folosind serviciul second opinion ne puteți trimite RMN-uri, CT -uri, angiografii, fișiere .pdf, documente medicale.

Astfel vă vom putea da o opinie neurochirurgicală, fără ca aceasta să poată înlocui un consult de specialitate. Răspunsurile vor fi date prin e-mail în cel mai scurt timp posibil (de obicei în mai putin de 24 de ore, dar nu mai mult de 48 de ore). Second opinion – Neurohope este un serviciu gratuit.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate