Themabewertung:
  • 0 Bewertung(en) - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Checkbox soll ein und ausblenden?
#1
Hallo zusammen,

vielen Dank fürs reinschauen. Smile

Ich habe hier mir eine kleine Funktion gebastelt, mittels "Auswahl-Menü" kann ich mir verschiedene Textfelder ein und ausblenden:

Code:
<html>
<head>
<script type="text/javascript">
function einblenden(){
var select = document.getElementById('kleidungsstueck').selectedIndex;
document.getElementById('jacke').style.display = (select == 1? "block": "none");
document.getElementById('hose').style.display = (select == 2? "block": "none");
}
function ausblenden(){
document.getElementById('jacke').style.display = "none";
document.getElementById('hose').style.display = "none";
}
</script>
</head>
<body onload="einblenden()">
<form value="auswerten.php" onReset="ausblenden()">
<select name="kleidungsstueck" id="kleidungsstueck" onchange="einblenden()" >
<option value="">Auswahl</option>
<option value="1">Jacke</option>
<option value="2">Hose</option>
</select><br />
<div id="jacke" style="display: none;">Jacke: <input type="text"><br /></div>
<div id="hose" style="display: none;">Hose: <input type="text"><br /></div>
</form>
</body>
</html>

Funktioniert auch ohne Probleme.

Doch ich möchte das ganze über eine Checkbox laufen lassen.

z.B. Ich klicke auf die Checkbox (Telefon) und dann öffnet es mir unten ein Textfeld wo ich meine Telefonnummer eingeben kann. Leider schaffe ich es aber nicht, diesen Code auf eine Checkbox umzuschreiben.

Hat jemand eine Idee wie ich das realisieren kann?

Würde mich über jede Hilfe sehr freuen.

Vielen Dank
Zitieren
#2
Konnte es auch lösen.
Wer für Powermail2 eine Checkbox brauch die ein Textfeld öffnet hier der Code:

PHP-Code:
<html>
<
head>
<
script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<
script type="text/javascript">
$(function () {
    $(
'input[type="checkbox"][data-target]')
      .
change (function () {
        var 
target = $($(this).data ('target'));
        
target.toggleClass ('hidden' , ! $(this).attr ('checked'));
      })
      .
change ();
});
</
script>
<
style type="text/css">
.
hidden {
  
display:none;
}

.
texty {
    
height80px;
    
width350px;
}
.
texty {
    
background-imageurl("/fileadmin/template/img/form_bg.png");
    
background-repeatrepeat-x;
    
border1px solid #DDDDDD;
    
color#333333;
    
font-familyTahoma,Arial,Helvetica,sans-serif;
    
font-size11px;
    
padding5px 3px;
    
width250px;
}
</
style>
</
head>
<
body>
<
legend class="powermail_label powermail_check_legend"Kontaktwunsch </legend>
<
div class="powermail_check_outer">
<
div class="powermail_check_inner powermail_check_inner_1">
<
input type="checkbox" id="c1" data-target "#tggl1"> <label for="c1">Bitte rufen Sie mich an</label>
<
div id="tggl1">
<
textarea class="texty" name="" cols="" rows=""></textarea>
</
div>
</
div>
<
div class="powermail_check_inner powermail_check_inner_2">
<
input type="hidden" name="tx_powermail_pi1[field][340][1]" value="">
<
input id="powermail_field__2" class="powermail_checkbox powermail_checkbox_340 " type="checkbox" name="tx_powermail_pi1[field][340][1]" value="Ich möchte eine online Präsentation">
<
label for="powermail_field__2">Ich möchte eine online Präsentation</label>
</
div>
</
div
Zitieren


Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste