java script radiobutton chacken

[clemo]

hi leute
ich mögchte gern folgendes
wenn ein radiobutton gecheckt ist soll der text "radiobutton1 wurde gecheckt" im html drinnen stehen wenn der andere gecheckt wurde dann soll drinnen stehen "radiobutton 2 wurde gecheckt"

ohne die seite neu zu laden
also: mit javascript
leider hab ich 0 ahnung von javascript
es wäre also echt toll wenn mir wär links mit beispielen oder die 3 zeilen tippen könnte
DANKE
lg

 

[mermshaus]

<script type="text/javascript">
//<![CDATA[
window.onload = function()
{
    var options = document.getElementsByName('test');
    
    for (var i = 0; i < options.length; i++) {
        options[i].onclick = function()
        {
            // this => <input>, parentNode => <p>, childsNodes[1] => TextNode
            // Um value abzufragen: this.value
            document.getElementById('output').innerHTML
                = this.parentNode.childNodes[1].nodeValue;
        }

        // Zu Beginn markierten Eintrag noch einmal "anklicken", damit sich
        // der Inhalt von #output entsprechend anpasst
        if (options[i].checked) {
            options[i].onclick();
        }
    }
}
//]]>
</script>
<p><input type="radio" name="test" value="0" />New York</p>
<p><input type="radio" name="test" value="1" checked="checked" />Washington</p>
<p><input type="radio" name="test" value="2" />Los Angeles</p>

<p id="output">Washington</p>

 

[clemo]

hi erstmal danke für die antwort und den tollen code!!!!!!
hab nun volgendes gamacht:

<script type="text/javascript">
//<![CDATA[
window.onload = function()
{
    var options = document.getElementsByName('abgleich');
    
    for (var i = 0; i < options.length; i++) {
        options[i].onclick = function()
        {
            // this => <input>, parentNode => <p>, childsNodes[1] => TextNode
            // Um value abzufragen: this.value
            document.getElementById('output').innerHTML
                = this.parentNode.childNodes[1].nodeValue;
        }

        // Zu Beginn markierten Eintrag noch einmal "anklicken", damit sich
        // der Inhalt von #output entsprechend anpasst
        if (options[i].checked) {
            options[i].onclick();
        }
    }
}
//]]>
</script>
<p><input type="radio" name="abgleich" value="0" />Unternehmen</p>
<p><input type="radio" name="abgleich" value="1"/>Personen</p>


<p id="output">bitte zuerst den Abgleich wählen</p>

nun will ich aber nicht das Unternehmen oder Person dort steht sonder steht bei unternehmen beispielsweise
du hast Unternehmen gewählt und bei person du hast dich für personen entschieden

wichtig es soll irgendwie mit ner if so sein das ich 2 verschiederne texte ausgeben kann!
MERCI

DANKE
lg clemo

 

[Chigurh]

Du könntest auch die möglichen Varianten bereitstellen, ausblenden und onclick halt eine Klasse togglen, die sie entsprechend ein- und ausblendet.

 

[clemo]

siehe erste beitrag ich habe null plan von java script
aber trotzdem danke für alle ich habs geschaft
mit viel google
viel probieren und den code der hier ist...
DANKE

 

[kreativbox]

Hallo,

wie kann ich aus diesem Script eine zweite Gruppe erstellen?
Wenn ich den Namen der Radiobuttons der zweiten Gruppe ändere funktioniert die Ausgabe nur in einer Gruppe.

Danke im Voraus!