HTML/JS: checkbox checked abfrage ?

bBU.CyTrobIc

#include "billrulz.h"

Registered: Oct 2000
Location: Hamburg
Posts: 1875

04.03.2004 - 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

been there, done that

Registered: Feb 2003
Location: Vienna
Posts: 1436

04.03.2004 - 12:21

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

bBU.CyTrobIc

#include "billrulz.h"

Registered: Oct 2000
Location: Hamburg
Posts: 1875

05.03.2004 - 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

Administrator
Legends never die

Registered: Aug 2003
Location: nö
Posts: 25422

05.03.2004 - 11:50

javascript -> inputfeld zuweisen

sollte mit selfhtml kein problem darstellen.

watchout

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

05.03.2004 - 17:38

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

is aber wohl irgendwie extrem simpel oder? :rolleyes:

bBU.CyTrobIc

#include "billrulz.h"

Registered: Oct 2000
Location: Hamburg
Posts: 1875

05.03.2004 - 17:49

jo sorry, ich arbeite sonst nicht mit js

tomstig

OC Addicted

Registered: Nov 2003
Location: /home/tomstig/
Posts: 1341

06.03.2004 - 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!!

Bearbeitet von tomstig am 06.03.2004, 08:59

bBU.CyTrobIc

#include "billrulz.h"

Registered: Oct 2000
Location: Hamburg
Posts: 1875

07.03.2004 - 10:30

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

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

bBU.CyTrobIc

#include "billrulz.h"

Registered: Oct 2000
Location: Hamburg
Posts: 1875

08.03.2004 - 12:08

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

greetz Gerrit

bBU.CyTrobIc #include "billrulz.h" Registered: Oct 2000 Location: Hamburg Posts: 1875	04.03.2004 - 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 been there, done that Registered: Feb 2003 Location: Vienna Posts: 1436	04.03.2004 - 12:21 javascript funktion bei onclick auf die checkbox einbauen die den wert in einem input field immer weiter rauf setzt.
bBU.CyTrobIc #include "billrulz.h" Registered: Oct 2000 Location: Hamburg Posts: 1875	05.03.2004 - 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 Administrator Legends never die Registered: Aug 2003 Location: nö Posts: 25422	05.03.2004 - 11:50 javascript -> inputfeld zuweisen sollte mit selfhtml kein problem darstellen.
watchout Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	05.03.2004 - 17:38 @prob1/2: inputfeld.value=checkbox.checked is aber wohl irgendwie extrem simpel oder?
bBU.CyTrobIc #include "billrulz.h" Registered: Oct 2000 Location: Hamburg Posts: 1875	05.03.2004 - 17:49 jo sorry, ich arbeite sonst nicht mit js
tomstig OC Addicted Registered: Nov 2003 Location: /home/tomstig/ Posts: 1341	06.03.2004 - 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!! Bearbeitet von tomstig am 06.03.2004, 08:59*
bBU.CyTrobIc #include "billrulz.h" Registered: Oct 2000 Location: Hamburg Posts: 1875	07.03.2004 - 10:30 Moin, dank dir ! Genau das was ich gesucht habe ! ich binde das gleich mal in meine seite ein.. froi
bBU.CyTrobIc #include "billrulz.h" Registered: Oct 2000 Location: Hamburg Posts: 1875	08.03.2004 - 12:08 yeah funtzt genau so wie ich wollte, ... dank dir vielmals ! greetz Gerrit

HTML/JS: checkbox checked abfrage ?

Forum Index > Software > Coding Stuff

bBU.CyTrobIc

vossi

bBU.CyTrobIc

mat

watchout

bBU.CyTrobIc

tomstig

bBU.CyTrobIc

bBU.CyTrobIc