Boîte radio, obtenez la valeur cochée [iCheck]

De base de la radio de la boîte de

<div class="adv_filter">
    <li>
        <input type="radio" name="letter_type" data-custom="Text" value="0"> Text</li>
    </li>
        <li>
            <input type="radio" name="letter_type" data-custom="Text" value="0"> Text</li>
    </li>
</div>

iCheck transformation

<!-- iCheck output format
<div class="adv_filter">
    <li>
        <div class="iradio_square-orange checked" aria-checked="true" aria-disabled="false" style="position: relative;"><input type="radio" name="letter_type" data-custom="Text" value="0" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div> Text</li>

        <li>
            <div class="iradio_square-orange" aria-checked="false" aria-disabled="false" style="position: relative;"><input type="radio" name="letter_type" data-custom="Text" value="0" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div> Text</li>

</div> -->

Comme vous le voyez, la vérification est joint à la div..

    $(document).ready(function () {
        $('input').iCheck({
            checkboxClass: 'icheckbox_square-orange',
            radioClass: 'iradio_square-orange',
            increaseArea: '20%' //optional
        });
        $("li").on("click", "input", function () {
            var val = $(this).val();
            //updateDataGrid(val);
            alert(val);
        });

    });

Question et la description

Fournis code javascript fonctionnait correctement avant d'ajouter le icheck plugin,
Je me demandais comment faire pour obtenir le même résultat dans le icheck plugin. C'est simple, sur les ondes de radio sur il stocke la valeur dans la variable, plus tard, son passé de plus de fonctions.

Live exemple : http://jsfiddle.net/9ypwjvt4/

iCheck : http://fronteed.com/iCheck/

source d'informationauteur Kavvson

  1. 20

    Attacher un gestionnaire de ifChanged événement:

    $('input').on('ifChecked', function(event){
  alert($(this).val()); //alert value
});

    Il y a 11 façons d'écouter les changements:

    • ifClicked - l'utilisateur a cliqué sur une saisie personnalisée ou une étiquette attribuée
    • ifChanged d'entrée est cochée, les personnes handicapées ou indéterminée état est changé
    • ifChecked - entrée de l'état est modifié à la vérification des
    • ifUnchecked vérifié l'état est supprimée
    • ifToggled d'entrée est cochée, l'état est changé
    • ifDisabled -entrée de l'etat est modifié pour handicapés
    • ifEnabled - désactivé état est supprimé
    • ifIndeterminate - entrée de l'état est modifié à durée indéterminée
    • ifDeterminate - pour une période indéterminée de l'état est supprimée
    • ifCreatedinput - est juste personnalisés
    • ifDestroyed - la personnalisation est simplement retiré

    JSFIDDLE

  2. 6

    Éviter l'utilisation de jquery autant que vous le pouvez.
    Vous pouvez également utiliser le code ci-dessous;

    $('input').on('ifChecked', function(event){
    alert(event.target.value); //alert value
});
  3. -1
    $('body').on('ifChecked','.icheck', function(){
//considering icheck is the class of your checkbox and it is getting generated dynamically
});