iCheck-jQuery custom-script-blocks

Habe ich "iCheck jQuery" zu modificate der Stil der checkbox. Aber wenn ich einen iCheck-Skript - meine onlick metod aufhört zu arbeiten. Warum es passiert ist.

<input id="my_cb"  type="checkbox" value="yes_n" onclick="hide_row_metod()"/>
    <script>
    $(document).ready(function(){
      $('#my_cb').iCheck({
        checkboxClass: 'icheckbox_square-blue',
        radioClass: 'iradio_square-blue',
        increaseArea: '20%' //optional
      });
    });    
    </script>

Mein Skript:

<script>
   function hide_row_metod() {
     if(document.getElementById('my_cb').checked){
        document.getElementById('row1').style.display = "none";
     }else{
            document.getElementById('row1').style.display = "inline";
          }
     }
</script>
  • Untersuchen Sie den gerenderten HTML-einmal iCheck angewendet werden
InformationsquelleAutor T_E_M_A | 2015-01-25
  1. 23

    iCheck Register benutzerdefinierte Ereignisse können Sie hören. Ich hob eine Beispiel arbeiten auf jsbin, der Hauptunterschied ist dieser:

    $("#my_cb").on("ifChanged", hide_row_metod);

    Gibt es zwei Veranstaltungen: ifChecked und ifUnchecked. Wenn Sie möchten, fangen Sie alle änderungen an Ihrem checkbox, müssen Sie entweder hören oder hören einfach nur für ifChanged. Dies funktioniert so wechseln Sie die Zeile, wie Sie testen für checked in Ihrem hide_row_metod.

    In meinem Beispiel verwende ich ein block-element div#row1, so wird es gerendert (inline) nach aktivieren und zu deaktivieren.

    Auch: du hast einen Tippfehler in der Methode name (fehlt h).

    InformationsquelleAutor Wolfram
  2. 2

    Ich weiß, es ist schon einige Zeit her, dass diese Frage gestellt wurde. Ich habe ein Skript zum erfassen von onclick-Attribut aus jedem radio /checkbox, und befestigen Sie es an die entsprechende iCheck /iRadio. Nur nicht vergessen, diese NACH iCheck angewendet wurde. Legen Sie ein Zeitlimit oder führen Sie es nach iCheck Umsetzung:

    $("[class*='icheckbox'],[class*='iradio']").each(function(){
  $(this).find("ins").attr("onclick", $(this).find("input").attr("onclick"));
});
    InformationsquelleAutor Diego Sagrera
  3. 1

    Ist es wahrscheinlich nicht durch die iCheck Skript. Versuchen Sie es mit nur jQuery:

    $('#my_cb').on('click', function() {
    $('#row1').css('display', this.checked ? 'none' : 'inline');
});
    InformationsquelleAutor BeS
Schreibe einen Kommentar