HTML/JS: checkbox checked abfrage ?

Seite 1 von 1 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/html_js_checkbox_checked_abfrage_108754/page_1 - zur Vollversion wechseln!

bBU.CyTrobIc schrieb am 04.03.2004 um 12:12

Moin,

ich habe eine tabelle mit mehreren checkboxen die beim seitenaufbau alle unchecked sind. Wenn man jetzt eine bestimmte checkbox anwählt, dann soll entweder (also eins von beiden was besser möglich ist): ein counter hochzählen und gleich mit ausgeben, oder der zellenhintergrund der tabelle indem die checkbox sich befindet soll sich ändern.

weiss da jemand ne lösung ?

thx Gerrit

vossi schrieb am 04.03.2004 um 12:21

javascript funktion bei onclick auf die checkbox einbauen die den wert in einem input field immer weiter rauf setzt.

bBU.CyTrobIc schrieb am 05.03.2004 um 11:46

jo so in der richtung hatte ich auch shcon gedacht.

Prob 1: Aber bei einem erneutem klick muss er wieder einen runterzählen (also beim abhaken).

Prob 2: Ich möchte die variable in realtime ausgeben, wie kann ich das anstellen ?

mat schrieb am 05.03.2004 um 11:50

javascript -> inputfeld zuweisen

sollte mit selfhtml kein problem darstellen.

watchout schrieb am 05.03.2004 um 17:38

@prob1/2:
inputfeld.value=checkbox.checked

is aber wohl irgendwie extrem simpel oder? :rolleyes:

bBU.CyTrobIc schrieb am 05.03.2004 um 17:49

jo sorry, ich arbeite sonst nicht mit js

tomstig schrieb am 06.03.2004 um 01:12

hi bbu....

das hier könnte dir helfen

Code: PHP

<html>
<head>
<title> - - - </title>
<script type="text/javascript">
<!---
/* ---------------------------------------------------------------------- *\\
Funktion: 	change_st(cid, tdid)
Beschreibung:	Prueft "checked" von Checkboxen und faerbt Hintergrund
Parameter: 	cid: id von der checkbox
	   	tdid: id von dem feld, wo hintergrundfaerbung stattfinden soll
\\* ---------------------------------------------------------------------- */
function change_st(cid, tdid){				
	if(document.getElementById(cid).checked){ 					//holt sich daten von cid, wenn checked dann
		document.getElementById(tdid).style.backgroundColor = "#23ccf9";	//soll die hintergrundfarbe von tdid diese farbe haben
	}else{
		document.getElementById(tdid).style.backgroundColor = "";		//wenn nicht angehackt, dann keine hintergrundfarbe
	}
}

/* ---------------------------------------------------------------------- *\\
Funktion: 	zaehl_mit()
Beschreibung: 	Prueft "checked" von Checkboxen und zaehlt diese ab
Parameter: 	cid2: id von der checkbox
\\* ---------------------------------------------------------------------- */
a = 0;								//variable fuer den zaehler wird definiert
function zaehl_mit(cid2){
	if(document.getElementById(cid2).checked){		//wenn checkbox angeklickt wird
		a++;						//zaehler um eins raufzaehlen
	}else{							//ansonsten
		a--;						//um eins runterzaehlen
	}
	document.all.zaehler.value = a;				//anschliessend die zahl in das textfeld eintragen
}		
// -->
</script>
</head>
<body>
<table>
 <tr>
  <td id="checkboxtd1">				<!-- diese id muss als 2ter parameter in change_st() eingegeben werden -->
   <input type="checkbox" id="checkbox1" onclick="change_st('checkbox1','checkboxtd1')">Checkbox1	<!-- id von dieser checkbox muss als erster parameter eingegeben werden -->
  </td>
 </tr>
  <td id="checkboxtd2">
   <input type="checkbox" id="checkbox2" onclick="change_st('checkbox2','checkboxtd2')">Checkbox2
  </td>
 </tr>
 <tr>
  <td id="checkboxtd3">
   <input type="checkbox" id="checkbox3" onclick="change_st('checkbox3','checkboxtd3')">Checkbox3
  </td>
 </tr>
</table>

<hr width="150px" align="left">

<table>
 <tr>
  <td>
   <Input type="checkbox" id="checkbox4" onclick="zaehl_mit('checkbox4')">Checkbox1
  </td>
  <td>
   <Input type="text" name="zaehler" size="1" style="margin-left: 40px"> angeklickt
  </td>
 </tr>
 <tr>
  <td>
   <Input type="checkbox" id="checkbox5" onclick="zaehl_mit('checkbox5')">Checkbox2
  </td>
 </tr>
 <tr>
  <td>
   <Input type="checkbox" id="checkbox6" onclick="zaehl_mit('checkbox6')">Checkbox3
  </td>
 </tr>
</table>
</body>
</html>

hab hier gleich beides gemacht:
hintergrundfarbe wird geändert
counter zählt angeklickte checkboxes mit

das mit dem "variable in real-time ausgeben" hab ich leider nicht ganz verstanden.

bei fragen hier posten

hth, mfg

edit: btw: mah, soo sauber hab ich schon lang nicht mehr programmiert!!

bBU.CyTrobIc schrieb am 07.03.2004 um 10:30

Moin, dank dir ! Genau das was ich gesucht habe !

ich binde das gleich mal in meine seite ein.. *froi*

bBU.CyTrobIc schrieb am 08.03.2004 um 12:08

yeah funtzt genau so wie ich wollte, ... dank dir vielmals !

greetz Gerrit