![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 105 Pomógł: 3 Dołączył: 12.07.2010 Ostrzeżenie: (0%) ![]() ![]() |
Witam,
Jak zrobić, aby po kliknięciu na komórkę tabeli zaznaczył się również checkbox w niej zawarty, jeśli wiem, iż będzie tam tylko 1 checkbox o takim samym ID jak dana komórka ? Z góry dziękuję za pomoc. |
|
|
![]() |
![]()
Post
#2
|
|
Grupa: Zarejestrowani Postów: 2 350 Pomógł: 512 Dołączył: 4.01.2009 Skąd: Wrocław / Świdnica Ostrzeżenie: (0%) ![]() ![]() |
To jednak musisz to zrobić po mojemu (IMG:style_emoticons/default/smile.gif)
Kod <style type="text/css"> .choosen2 { color: silver; background-color: #1b1b1b; } .choosen { color: green; background-color: #525252; cursor: default; } </style> <script language="JavaScript" type="text/javascript"> function Choosen(obj){ if(obj.className!="choosen"){ obj.className="choosen"; obj.getElementsByTagName('input')[0].checked = true;} else{ obj.className="choosen2"; obj.getElementsByTagName('input')[0].checked = false; } } onload = function(){ var els = document.getElementsByName('TWOJA_NAZWA'),i,el; for(i=0; el=els[i++];) el.onclick = function(){ Choosen(this); }; } </script> </head> <body> <table cellpadding="5" cellspacing="1" bgcolor="black" width="500" style="color: white;" align="center" valign="middle"> <tr> <td valign="middle" width="150" name="TWOJA_NAZWA"> jakieś badziewie <input type="checkbox"> </td> <td id="idem" valign="top"> <span>opis jakiegoś badziewia</span> </td> </tr> <tr> <td valign="middle" width="150" name="TWOJA_NAZWA"> jakieś badziewie <input type="checkbox"> </td> <td id="idem" valign="top"> <span>opis jakiegoś badziewia</span> </td> </tr> <tr> <td valign="middle" width="150" name="TWOJA_NAZWA"> jakieś badziewie <input type="checkbox"> </td> <td id="idem" valign="top"> <span>opis jakiegoś badziewia</span> </td> </tr> <tr> <td valign="middle" width="150" name="TWOJA_NAZWA"> jakieś badziewie <input type="checkbox"> </td> <td id="idem" valign="top"> <span>opis jakiegoś badziewia</span> </td> </tr> </table> </body> Mógłbyś się bawić jeszcze z ID, ale to raczej nie najlepszy pomysł: Kod <style type="text/css">
.choosen2 { color: silver; background-color: #1b1b1b; } .choosen { color: green; background-color: #525252; cursor: default; } </style> <script language="JavaScript" type="text/javascript"> /*<![CDATA[*/ function Choosen(obj,i){ if(obj.className!="choosen"){ obj.className="choosen"; document.getElementById('C0'+i).checked = true;} else{ obj.className="choosen2"; document.getElementById('C0'+i).checked = false;} } /*]]>*/ </script> </head> <body> <table cellpadding="5" cellspacing="1" bgcolor="black" width="500" style="color: white;" align="center" valign="middle"> <tr> <td valign="middle" onClick="Choosen(this,1);" width="150" id="01"> jakieś badziewie <input type="checkbox" id="C01" /> </td> <td id="idem" valign="top"> <span>opis jakiegoś badziewia</span> </td> </tr> <tr> <td valign="middle" onClick="Choosen(this,2);" width="150" id="02"> jakieś badziewie <input type="checkbox" id="C02" /> </td> <td id="idem" valign="top"> <span>opis jakiegoś badziewia</span> </td> </tr> </table> </body> |
|
|
![]() ![]() |
![]() |
Aktualny czas: 8.10.2025 - 11:39 |