checkbox oncheck javascript

Habe ich eine checkbox, Die ich brauche, um zu zeigen, ein div, wenn darauf geklickt wird. Ich habe 3 verschiedene javascripts, die ich habe versucht, diese zu arbeiten mit.

//function showhide() {
//   var checkbox = document.getElementById("assist");
//   var expanded1 = document.getElementById("expanded");
//   var expanded2 = document.getElementById("expanded2");

//   expanded1.style.visibility = (expanded1.style.visibility == 'false') ? "true" : "false";
//   alert('test');
//}
function(){
var checkbox = document.getElementById("assist");
var expanded1 = document.getElementById("expanded");
var expanded2 = document.getElementById("expanded2");
checkbox.onchange = function () {
    expanded1.style.visibility = this.checked ? 'true' : 'false';
    alert('test');

}
//function check() {
//   $('chk').click(function () {
//       if (this.checked) {
//           $("#expanded").show();
//           $("#expanded2").show();
//       }
//       else {
//           $("#expanded").hide();
//           $("#expanded2").hide();
//       }
//   });
//}

Dies ist die checkbox unten.

<input type="checkbox" runat="server" id="assist"  onclick="showhide();" /></div>

Den divs, die müssen gezeigt werden/versteckt werden erweitert und expanded2.

Ich Schaffe es nicht, die javascript-Funktionen getroffen werden, die von der checkbox-könnte mir jemand sagen, was falsch ist.

true und false sind keine gültigen Werte für die visibility Eigentum, also das ist wohl das problem
Was auf der Erde ist eine namenlose function() tun da drüben?
Code mit anzeigenausblenden funktioniert gut für mich: jsfiddle.net/nivas/wrn42
ich denke, die anzeigenausblenden getroffen, aber ich bin immer ein Stil festgelegt ist, auf null Fehler

InformationsquelleAutor user3494929 | 2014-04-21

1

Verwenden Sie die window.onload Ereignis zuordnen, um die änderung handler und entfernen Sie den inline - onclick aus dem HTML. Auch die Sichtbarkeit CSS sollte visible oder hidden.

Fiddle
```
window.onload = function () {
    var checkbox = document.getElementById("assist");
    var expanded1 = document.getElementById("expanded");
    checkbox.onchange = function () {
        expanded1.style.visibility = this.checked ? 'visible' : 'hidden';
    };
};
```
- Es ist definitiv schlagen diese Funktion, aber ich bin immer ein nicht-set-Eigenschaft onchange auf null Fehler.
- Klingt wie dein code nicht ausgeführt wird in der window.onload Ereignis, wenn ein element null ist.
- Kann ich es auf treffen meine anzeigenausblenden Funktion. Was würde passieren, wenn alle Elemente geladen sind. Ich bekomme auch den Fehler für das.
InformationsquelleAutor MrCode

Für Ausblenden des DIV mit Jquery können Sie versuchen folgenden code:

statt dessen.überprüft die Verwendung $(this).is(':checked')

 $('.chk').click( function () {
    var $this = $(this);
    if( $this.is(':checked') == true ) {
       $("#div1").show();        
    }  else {
       $("#div1").hide();

    }    
});

InformationsquelleAutor v2solutions.com

html

 <input type="checkbox" runat="server" id="assist"  onclick="showhide();" />



            <div class="required1" id="mycheckboxdiv1" style="display:none" >
                your code;
            </div>

dies wird für u tun 🙂

jquery

<script>
$(document).ready(function() {

    $('#mycheckboxdiv1').hide();

    $('#assist').click(function(){


            if($('#assist').is(':checked')){

                        $('#mycheckboxdiv1').toggle();
              }
          else 
              {
                $('#mycheckboxdiv1').hide();

              }
       });

});

</script>

http://jsfiddle.net/maree_chaudhry/QmXCV/ hier ist fiddle

InformationsquelleAutor M.chaudhry

0

Bist du schon mit jQuery, so konnte man nur verwenden:
```
$("#assist").change(function(){
   $("#expanded, #expanded2").toggle();
});
```
jsFiddle hier
- $("#assist").change(function () { $("#erweitert #expanded2").css('display', diesem.checked ? 'block' : 'none'); alert('test'); }); ich änderte die Sichtbarkeit der Anzeige-und es funktioniert nicht richtig. Ich fügte hinzu, jquery an die Spitze meiner Datei auch
- Setzen Sie es innerhalb von $(document).bereit(Funktion(){ ... })
- $(document).ready(function () { $("#assist").change(function () { $("#erweitert #expanded2").css('display', diesem.checked ? 'block' : 'none'); alert('test'); }); }); Wie das? Es ist noch nicht alles auf dem klicken der checkbox.
- Können Sie mir zeigen, ein jsFiddle Beispiel, dass es nicht funktioniert? Ich kann das problem nicht lösen, wenn ich nicht genügend info über das problem selbst.
- jsfiddle.net/svmY3/1 ich muss etwas fehlen.
- Lassen Sie mich wissen, wenn meine Antwort geholfen hat, indem Sie 'ticken' als die richtige 🙂 danke
- Ich sehe, dass funktioniert richtig für Sie. Obwohl ich hte exakt gleichen code auf meiner front-end. Es werden Treffer hte Dokument laden für mich. Dann auf die änderung, schlagen aber nie wirklich schaltet die divs für mich.
InformationsquelleAutor lifetimes

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.