Vérifier si une JQuery mobile case est cochée

J'ai une liste de Cases à cocher & je veux obtenir le statut de chacun d'entre eux.
La Liste est ici :

<div data-role="fieldcontain">
    <fieldset data-role="controlgroup">
       <input type="checkbox" name="Sunday" id="Sunday-1" class="custom" />
       <label for="Sunday-1">Sunday</label>
       <input type="checkbox" name="Monday" id="Monday-1" class="custom" />
       <label for="Monday-1">Monday</label>
       <input type="checkbox" name="Tuesday" id="Tuesday-1" class="custom" />
       <label for="Tuesday-1">Tuesday</label>
  </fieldset>
</div>

J'ai l'habitude de Vérifier l'état de la case à cocher à l'aide de cette citation:

var isChecked = $('#CheckboxID').is(':checked');

Mais dans mon cas, aujourd'hui, il existe une méthode pour obtenir le statut de "Jquery Mobile", les cases des tout à la fois ?

Une liste dans un tableau? Ou vous voulez annexé au document à la <ul><li></li><ul> etc?
Oui comme un tableau.
De jquerymobile la version 1.3, voir la réponse à cette question: stackoverflow.com/questions/15031831/...

OriginalL'auteur Sana Joseph | 2012-06-21

  1. 27

    Vous pouvez faire

    var status = $('input[type="checkbox"]').filter('.custom').map(function(){
    return $(this).is(':checked') ? 1 : 0;

});

    Puis le status array aura une entrée pour chaque case à cocher dans le même ordre, 0 pour décochée et 1 pour vérifier. C'est pas vraiment utile, car vous n'avez pas d'autre information de la case à cocher dans le tableau.

    Si vous souhaitez effectuer une opération fondée sur le status vous pouvez utiliser .each() au lieu de cela, comme

    $('input[type="checkbox"]').filter('.custom').each(function(){
   if($(this).is(':checked')){
     //perform operation for checked
   }
   else{
     //perform operation for unchecked
   }

});

    Mise à JOUR

    Si vous voulez construire un array of objects avec le name and status des cases à cocher, vous pouvez le faire avec

    var status = $('input[type="checkbox"]').filter('.custom').map(function(){
    var name = $(this).attr('name'); 
    if($(this).is(':checked'))
         return { 'name':name, 'status' : 'Checked'}; 
    else
        return { 'name':name, 'status' : 'UnChecked'};

});

console.log(status);​

    Démo: http://jsfiddle.net/joycse06/rL3Ze/

    Lire plus sur .chacun() et .map()

    Que, de beau monsieur, est une sexy réponse.
    Merci Monsieur.
    Un million de mercis ... très utile de répondre.
    Vous êtes la plupart de bienvenue, Heureux d'être en mesure de vous aider. 🙂
    si vous cochez la console sur cette page jsfiddle.net/joycse06/rL3Ze/1/show, vous verrez, il est journalisation des objets et d'afficher la source, c'est à l'aide de 1.7.1

    OriginalL'auteur Prasenjit Kumar Nag

  2. 3

    J'ai ce code. Je pense que vous devez adapter à votre cas.

      $('#formfriends input[type=checkbox]').each(function() {
    if ($(this).attr('checked'))
     //$(this).attr('disabled' , true);
     //do what you want here
  });

    OriginalL'auteur Pedro Casado

  3. 3

    vous pouvez utiliser jQuery chaque fonction http://api.jquery.com/jQuery.each/

    .chaque fonction va vous aider à traverser vos cases

    OriginalL'auteur ersanbilik

  4. 1

    pour jQm 1.3 j'ai eu à vérifier pour la classe sur l'étiquette de l'emballage div

    • ui-case-off
    • ui-case-sur

    samplecode (déjà rendus par jQm):

    <div class="ui-checkbox">
  <label data-corners="true" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-icon="checkbox-off" data-theme="a" data-mini="false" class="ui-checkbox-off ui-btn ui-btn-corner-all ui-fullsize ui-btn-icon-left ui-btn-up-a">
    <span class="ui-btn-inner">
      <span class="ui-btn-text">
        myLabel
      </span>
      <span class="ui-icon ui-icon-checkbox-off ui-icon-shadow">&nbsp;</span>
    </span>
  </label>
  <input type="checkbox" name="flip-num" class="flip-num">
</div>

    OriginalL'auteur rémy