Ergebnis 1 bis 13 von 13
  1. #1
    pettajam ist offline Jungspund
    registriert
    27-06-2010
    Beiträge
    10

    Mit Checkbox in ein Textbox schreiben

    Ich möchte mit Hilfe einer Checkbox in eien Textbox schreiben. Leider komm ich cnith drauf warum der Code nicht funktioniert, hoffe ich könnt mir helfen. Die Fehlerkonsole spuckt nichts aus.

    HTML-Code:
    <html><head><script type="text/javascript">
    function summe() {
    
    if (document.form.gtm.checked = true) {
    	
    document.form.a_gtm.value = "1";
    
         }
    
    }
    </script></head>
    <body>
    <input type="checkbox" name="gtm" onclick="summe()" />
    <input type="text" name="a_gtm" class="input_anmeldung" value="0" />
    </body></html>
    MfG
    Pettajam

  2. #2
    Avatar von Arcsinh
    Arcsinh ist offline Kaiser
    registriert
    03-06-2010
    Beiträge
    1.392

    AW: Mit Checkbox in ein Textbox schreiben

    1. hast du gar kein form
    2. das heißt nicht if (document.form.gtm.checked = true), sondern if (document.form.gtm.checked == true)

    wie wärs damit?
    Code:
    function summe() {
    
    if (document.getElementsByTagName('input')[0].checked == true) {
    	
    document.getElementsByTagName('input')[1].value = "1";
    
     }
    
    }
    Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Goethe)

  3. #3
    pettajam ist offline Jungspund
    registriert
    27-06-2010
    Beiträge
    10

    AW: Mit Checkbox in ein Textbox schreiben

    Klappt super, erstmal einen vielen Dank an dich Arcsinh.

    Weißt du vielleicht noch ob es eine elegantere Möglichkeiten gibt, bei mehreren Checkbox/Textbox- Kombinationen für jede eine eigene If abfrage zu machen?

    mfg

    Pettajam
    Geändert von pettajam (07-07-2010 um 04:09 Uhr)

  4. #4
    Avatar von Arcsinh
    Arcsinh ist offline Kaiser
    registriert
    03-06-2010
    Beiträge
    1.392

    AW: Mit Checkbox in ein Textbox schreiben

    es gibt sicher viele Möglichkeiten, aber ich will dirs mal so einfach wie möglich machen.
    du schreibst zum Beispiel folgendes in dein body-Bereich:

    HTML-Code:
    <input type="checkbox" name="gtm" value="1" />Schreibe "1" in die Textbox<br />
    <input type="checkbox" name="gtm" value="2" />Schreibe "2" in die Textbox<br />
    <input type="checkbox" name="gtm" value="3" />Schreibe "3" in die Textbox<br />
    <input type="checkbox" name="gtm" value="beispiel" />Schreibe "beispiel" in die Textbox<br />
    
    <input id="text" type="text" />
    in dein Javascript-Bereich kommt das:
    Code:
    window.onload = function() {
        // DIESEN CODE NICHT ANRÜHREN - EDITIERVERBOT START
        var text = document.getElementById( "text" );
        var objInput = document.getElementsByTagName( "input" );
        var input_length = objInput.length;
        var checkbox = [];
        var value = [];
        for ( var i=0, j=input_length; i<j; i++ ) {
            if ( objInput[i].type == "checkbox" ) {
                checkbox.push( objInput[i] );
                value.push( objInput[i].value );
            }
        }
        function write( obj, val ) {
            if ( obj.checked == true )
                text.value += val;
        }
        // EDITIER-VERBOT ENDE
    
        // HIER KANNST DU AUF ALLE CHECKBOXEN EINGEHEN
        
        checkbox[0].onclick = function() {
            write( checkbox[0], value[0] );
        };
        checkbox[1].onclick = function() {
            write( checkbox[1], value[1] );
        };
        checkbox[2].onclick = function() {
            write( checkbox[2], value[2] );
        };
        checkbox[3].onclick = function() {
            write( checkbox[3], value[3] );
        };
    
    }
    Nicht wundern über die Länge, das einzige was für dich da interessant ist, ist der blaue Code.
    Wenn du beispielsweise eine neue Checkbox gemacht hat, die z.B. so aussieht:

    HTML-Code:
    <input type="checkbox" name="gtm" value="Hallo" />Schreibe "Hallo" in die Textbox<br />
    weißt du, dass das deine 5.Checkbox ist und du schreibst folgendes in den js-Script:
    Code:
    checkbox[4].onclick = function() {
        write( checkbox[4], value[4] );
    };
    ist im Prinzip immer das selbe und kinderleicht.

    Allgemein:
    bei n Checkboxen wird folgende Anweisung gebraucht:

    Code:
    checkbox[n-1].onclick = function() {
        write( checkbox[n-1], value[n-1] );
    };
    dabei muss bei dem Klick nicht nur der/die/das value ausgegeben werde, sondern irgendetwas beliebiges, z.b.:

    Code:
    checkbox[1].onclick = function() {
        write( checkbox[1], "Ich bin die 2.Checkbox" );
    };
    Hoffe, das hat dir gehofen.
    Geändert von Arcsinh (07-07-2010 um 06:03 Uhr)
    Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Goethe)

  5. #5
    Avatar von jspit
    jspit ist offline Lounge-Member
    registriert
    19-06-2009
    Beiträge
    1.712

    AW: Mit Checkbox in ein Textbox schreiben

    @Arcsinh:
    Um die Lesbarkeit zu verbessern versuche ich für selbstvergebene Namen keine Bezeichner
    von existierenden Mehoden und Eigenschaften wie hier write und value zu benutzen.

  6. #6
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: Mit Checkbox in ein Textbox schreiben

    Das erhöht aber nicht unbedingt die Lesbarkeit, wenn du naheliegende Bezeichnungen vermeidest, nur weil irgendein Objekt diese Bezeichnung auch hat. Gerade value, name, write sind üblich um zu beschreiben für was die Eigenschaft da ist.

    Eher kritisieren, würde ich die unnötige redundanz des Code, z.b. sowas:
    PHP-Code:
    checkbox[4].onclick = function() {
        
    writecheckbox[4], value[4] );
    }; 
    abgesehen davon, dass das eher in eine Schleife gehört, wäre es flexibler möglich:
    PHP-Code:
    checkbox[4].onclick = function() {
        
    writethisthis.value );
    }; 
    Wobei der Wert auch gar nicht übergeben werden muss, wenn man sowieso das Objekt übergibt.

  7. #7
    ein schlauer ist offline Lounge-Member
    registriert
    18-08-2004
    Beiträge
    14.671

    AW: Mit Checkbox in ein Textbox schreiben

    Zitat Zitat von pettajam Beitrag anzeigen
    Ich möchte mit Hilfe einer Checkbox in eien Textbox schreiben. Leider komm ich cnith drauf warum der Code nicht funktioniert, hoffe ich könnt mir helfen. Die Fehlerkonsole spuckt nichts aus.
    Das ist gelogen, mit dem Beispiel spuckt die Fehlerkonsole einen Fehler aus.

    PHP-Code:
    Fehlerdocument.form is undefined
    Quelldatei
    : ....
    Zeile

  8. #8
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.757

    AW: Mit Checkbox in ein Textbox schreiben

    @jspit: da die Variablen und Funktionen hier gekapselt sind werden auch andere Skripte hier nicht beeinflusst - ich sehe da eher kein Problem.
    @Arcsinh: der Code ist trotzdem nicht besonders:
    Code:
    window.onload = function() {
    	var text = document.getElementById("text");
    	var input = document.getElementsByTagName( "input" );
    	for (var i = 0; i < input.length; i++){
    		if (input[i].type == "checkbox" && input[i].name == "gtm"){
    			input[i].onclick = function(){
    				if (this.checked) text.value += this.value;
    			};
    	}
    }

  9. #9
    Avatar von Arcsinh
    Arcsinh ist offline Kaiser
    registriert
    03-06-2010
    Beiträge
    1.392

    AW: Mit Checkbox in ein Textbox schreiben

    @kkapsner:
    bei dir wird ja mit jedem klick auf eine gesetzte Checkbox der Wert der Checkbox in die Textbox geschrieben. Ich wollts aber so einrichten, dass man auch einen beliebigen Text schreiben kann, wie in dem Fall:

    Code:
    checkbox[1].onclick = function() {
        write( checkbox[1], "Ich bin die 2.Checkbox" );
    };
    Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Goethe)

  10. #10
    pettajam ist offline Jungspund
    registriert
    27-06-2010
    Beiträge
    10

    AW: Mit Checkbox in ein Textbox schreiben

    Vielen Dank , Ihr habt mir bestens geholfen.

    Ich habs hinbekommen.

  11. #11
    Avatar von Junkee[]
    Junkee[] ist offline Lounge-Member
    registriert
    08-05-2009
    Ort
    Leonberg
    Beiträge
    3.169

    AW: Mit Checkbox in ein Textbox schreiben

    Zitat Zitat von Arcsinh Beitrag anzeigen
    Ich wollts aber so einrichten, dass man auch einen beliebigen Text schreiben kann
    Dann ist kkapsners Lösung trotzdem besser... man könnte ein Array mit den Texten füllen und auf diese dann zugreifen.

  12. #12
    Avatar von Arcsinh
    Arcsinh ist offline Kaiser
    registriert
    03-06-2010
    Beiträge
    1.392

    AW: Mit Checkbox in ein Textbox schreiben

    @Junkee[]: ja?
    Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Goethe)

  13. #13
    Avatar von Junkee[]
    Junkee[] ist offline Lounge-Member
    registriert
    08-05-2009
    Ort
    Leonberg
    Beiträge
    3.169

    AW: Mit Checkbox in ein Textbox schreiben

    ja!

Ähnliche Themen

  1. Textbox einblenden bei klick auf bestimmte Checkbox
    Von Johnny990 im Forum JavaScript
    Antworten: 6
    Letzter Beitrag: 16-05-2009, 16:13
  2. Checkbox + Textbox
    Von fit4net im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 06-02-2008, 15:55
  3. onklick checkbox visible next checkbox
    Von KIUNES im Forum JavaScript
    Antworten: 7
    Letzter Beitrag: 27-04-2006, 20:28
  4. JS Variable in Textbox schreiben
    Von milchkuh im Forum JavaScript
    Antworten: 13
    Letzter Beitrag: 02-04-2006, 19:43
  5. Antworten: 6
    Letzter Beitrag: 13-01-2006, 21:25

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •