Bootstraps ICheck-Helper löst bei geändertem Ereignis nicht aus

Lesezeit: 2 Minuten

Benutzeravatar von Johnny 5
Johnny 5

Ich habe diesen Jquery-Code, um Kontrollkästchen basierend darauf zu aktualisieren, ob ein Kontrollkästchen aktiviert wurde. Dies feuert jedoch nicht.

Code

$('body').on('change', '.territory', function () {
    var PK = $(this).find('input:checkbox:first').val();
    var PKStr=".parent" + PK;
    console.log('change!');
});

$('body').on('change', '.iCheck-helper', function () {
    //var PK = $(this).find('input:checkbox:first').val();
    //var PKStr=".parent" + PK;
    console.log('change!');
});

<div class="row">
  <div class="col-md-12 col-lg-12">
    <label class="control-label">
      Selected Territories
    </label>
  </div>

  @for (int c = 0; c < 2; ++c)
  {
     int Count = 0; 
     <div class="col-md-6 col-lg-6">
     @foreach (var ter in Infobase.MMS.Models.ComboBoxValues.GetTerritoryRights(0))
     {
        if (Count % 2 == c)
        {
          <label>
            <input type="checkbox" class="territory" value="@ter.Key">
                                                        &nbsp;@ter.Value

          </label>
        }
        Count++;
      }
   </div>
  }    
</div>

Ich habe versucht, die Klick- und Änderungsfunktion auf iCheckbox-Helper sowie direkt auf die Checkboxen zu binden. Beides scheint jedoch nicht zu funktionieren. Alles funktioniert gut, wenn ich das Icheck.js-Skript nicht hinzufüge.

Weiß jemand, wie man sich in ein geändertes Ereignis aus der Icheckhelper-Klasse von Bootstraps einklinkt?

  • Entsprechend dieses Problem für iCheck, dies war ein bekanntes Problem. Obwohl behauptet wird, dass dies durch ein neueres Update behoben wurde, habe ich das Problem immer noch. (Ich bin bei der Suche nach einer Lösung auf Ihre Frage gestoßen.) Wenn Sie immer noch nach einer Lösung suchen, probieren Sie vielleicht einige der Ausschnitte in den Kommentaren zu dem Problem aus.

    – Julia Ebert

    5. September 2014 um 19:02 Uhr

Verwenden Sie ifChanged oder ifChecked, die in der erwähnt werden Dokumentation

$('input').on('ifChecked', function(event){
  alert(event.type + ' callback');
});

Ich habe das gerade global hinzugefügt und es macht den Trick für mich.

$(".i-checks input").on('ifChanged', function (e) {
    $(this).trigger("change", e);
});

Benutzeravatar von Bharat Kumar
Bharat Kumar

Fügen Sie die jQuery-Ereignisse hinzu, um das onClick-Ereignis auszulösen

$('input[type="checkbox"], input[type="radio"]').on('ifChanged', function (e) {
     $(this).trigger("onclick", e);
});

Benutzeravatar von Sanjeewa Amaraweera
Sanjeewa Amaraweera

Das ist für mich gearbeitet.

$(document).on("ifChecked", "input", function () {alert("Changed");})

1435650cookie-checkBootstraps ICheck-Helper löst bei geändertem Ereignis nicht aus

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy