[JavaScript] Textfelder ausblenden wenn Radio-Button aktiv

Dieses Thema im Forum "Webentwicklung" wurde erstellt von SidDasFaultier, 5. Juli 2012 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 5. Juli 2012
    Textfelder ausblenden wenn Radio-Button aktiv

    Moin Rushler,

    ich möchte die Textfelder "Fixtermin" und "Premiumservice" ausblenden, wenn die Radio-Buttons "Europa", "Seefracht" & "Luftfracht" aktiviert sind und wenn der Radio-Button "Deutschland" ausgewählt ist dann sollen die Textfelder wieder eingeblendet werden.

    Hier mal mein Code:
    Script:
    Code:
    function zustellungdeaktivieren(){
     document.getElementById(fixtermin).style.display = none;
     document.getElementById(premiumservice).style.display = none;
     document.getElementById(fixtermin).value = '';
     document.getElementById(premiumservice).value = '';
    }
    
    function zustellungaktivieren(){
     document.getElementById(fixtermin).style.display = display;
     document.getElementById(premiumservice).style.display = display;
    }
    HTML:
    HTML:
    <b>Versandart:*</b>
    <input name="art" id="deutschland" value="Deutschland" type="radio" onclick="zustellungaktivieren();" /> Deutschland<br />
    
    <input name="art" id="europa" value="Europa" type="radio" onclick="zustellungdeaktivieren();" /> Europa<br />
    
    <input name="art" id="seefracht" value="Seefracht" type="radio" onclick="zustellungdeaktivieren();" /> Seefracht<br />
    
    <input name="art" id="luftfracht" value="Luftfracht" type="radio" onclick="zustellungdeaktivieren();" /> Luftfracht
    ...ich komm einfach nicht weiter und benötige eure Hilfe/Tipps.

    Vielen Dank!
     
  2. 5. Juli 2012
    AW: Textfelder ausblenden wenn Radio-Button aktiv

    Du gibst den Elementen, die ausgeblendet werden wollen eine gemeinsame Klasse und dann machste es mit jQuery zB so:
    Code:
    $(".ausblenden").toggle();
    Problem where? Was genau hast du schon ausprobiert und wo konkret liegt dein Fehler, außer, dass du nicht weiterkommst?
     
    1 Person gefällt das.
  3. 5. Juli 2012
    AW: Textfelder ausblenden wenn Radio-Button aktiv

    syntax error
    HTML:
    document.getElementById(fixtermin).style.display = none;
    
    fixtermin und none ist eine variable, die du nicht definiert hast!

    so z.b.
    HTML:
    var none = 'none';
    var fixtermin = 'fixtermin';
    document.getElementById(fixtermin).style.display = none;
    
    oder so
    HTML:
    document.getElementById('fixtermin').style.display = 'none';
    
    geh mal dein script nochmal durch.
    und hier was zum style.display
     
    1 Person gefällt das.
  4. 5. Juli 2012
    AW: Textfelder ausblenden wenn Radio-Button aktiv

    ...funzt danke, hab ich halt diese sch*** hochkommas vergessen >.< ...BWs sind raus.
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.