Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Dupa renuntarea la aparat dentar

pelerinaj in Balcik

Noul format Jpegli iși propu...

Dade, dade
 Parola la lock screen

Deparazitare externa pisici fara ...

Seriale turcesti/coreene online H...

Merita un Termostat Smart pentru ...
 Sfat achizitie MTB Devron Riddle

Problema mare cu parintii= nervi ...

switch microtik

Permis categoria B la 17 ani
 Sfaturi pentru pregatirea de eval...

Crapaturi placa

cum imi accesez dosarul electroni...

Momentul Aprilie 1964
 

Schimbare "checkbox" in "button"

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

#1
alex05ok

alex05ok

    Member

  • Grup: Members
  • Posts: 376
  • Î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: 376
  • Înscris: 08.11.2007
Am gasit raspunsul aici:

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

Anunturi

Chirurgia spinală minim invazivă Chirurgia spinală minim invazivă

Chirurgia spinală minim invazivă oferă pacienților oportunitatea unui tratament eficient, permițându-le o recuperare ultra rapidă și nu în ultimul rând minimizând leziunile induse chirurgical.

Echipa noastră utilizează un spectru larg de tehnici minim invazive, din care enumerăm câteva: endoscopia cu variantele ei (transnazală, transtoracică, transmusculară, etc), microscopul operator, abordurile trans tubulare și nu în ultimul rând infiltrațiile la toate nivelurile coloanei vertebrale.

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