Les valeurs soumises par JQuery pour les cases à cocher sont indéfinies

Question

Je viens de recevoir une aide précieuse aujourd'hui avec un problème jQuery antérieur et je me suis dit que depuis ma chance, j'ai peut-être aussi besoin d'aide avec certaines cases à cocher. Quelqu'un peut-il me dire ce que je fais de mal?

Merci! Les cases à cocher font correctement écho aux valeurs booléennes de la base de données, mais lorsque je soumets les valeurs modifiées, une alerte() telle que celles-ci ne sont pas définies.

 else if (item.field == "admCustRptDly" && item.value == "1") 
     { 
      $('#admCustRptDly').attr('checked', true); 
     } 

     else if (item.field == "admCustRptSumm" && item.value == "1") 
     { 
      $('#admCustRptSumm').attr('checked', true); 
     } 

     else if (item.field == "admCustRptDtl" && item.value == "1") 
     { 
      $('#admCustRptDtl').attr('checked', true); 
     } 

<tr> 
    <td class="admMarker">Daily<input type="checkbox" id="admCustRptDly" name="admCustRptDly" class="admChkbx"></td> 
    <td class="admMarker">Summary<input type="checkbox" id="admCustRptSumm" name="admCustRptSumm" class="admChkbx"></td> 
    <td class="admMarker">Detail<input type="checkbox" id="admCustRptDtl" name="admCustRptDtl" class="admChkbx"></td> 
</tr> 

---

$(function() { $('.error').hide(); 
    $('input.text-input').css({backgroundColor:"#FFFFFF"}); 
    $('input.text-input').focus(function(){ 
     $(this).css({backgroundColor:"#FFDDAA"}); 
    }); 
    $('input.text-input').blur(function(){ 
     $(this).css({backgroundColor:"#FFFFFF"}); 
    }); 

     $(".admCustBtn").click(function() 
    {  // validate and process form 
      // first hide any error messages 
     $('.error').hide(); 



      var admCustRPSecPhone = 
    $("input#admCustRPSecPhone").val(); 
      var admCustRptDly = 
    $("checkbox#admCustRptDly").val(); 
    var admCustRptSumm = 
    $("checkbox#admCustRptSumm").val(); 
      var admCustRptDtl = 
    $("checkbox#admCustRptDtl").val(); 

      var dataString = 
     'admCustID='+ admCustID + 
     '&admCustRptDly='+ admCustRptDly + 
     '&admCustRptSumm='+ admCustRptSumm + 
     '&admCustRptDtl='+ admCustRptDtl; 

      alert (dataString);return false; 

      $.ajax({ 
      type: "POST", 
      url: "body.php?action=admCustomer", 
      data: dataString, 
      success: function(){ 
      alert("Success! Data Saved"); 
      } 
     }); 
     return false; }); }); 

Answer 1

Vos sélecteurs pour les cases ne sont pas correctes.

var admCustRPSecPhone = $("input#admCustRPSecPhone:checked").val() == 'on'; 
    var admCustRptDly = $("input#admCustRptDly:checked").val() == 'on'; 
    var admCustRptSumm = $("input#admCustRptSumm:checked").val() == 'on'; 
    var admCustRptDtl = $("input#admCustRptDtl:checked").val() == 'on'; 

Vous pouvez également utiliser quelque chose comme:

var admCustRptDly = $("#admCustRptDly:checkbox:checked").val() == 'on'; 

Cela définira les valeurs true/false selon que la case est cochée ou non.

Answer 2

Vous avez pas d'attribut de valeur définie sur votre élément d'entrée HTML

<input type="checkbox" value="1" id="admCustRptDly" name="admCustRptDly"> 

Answer 3

En fait, les deux ..

les cases à cocher n'ont pas de valeur, donc si vous essayez d'alerter() leurs valeurs cela mènera à "indéfini", mais si vous faites face à cela en alertant la case à cocher elle-même, vous faites probablement quelque chose de mal.

Mettre leurs valeurs à true, ne mènera à rien, comme le dit @Sovis, la plupart des propriétés répètent leurs noms lors du réglage. Ainsi, votre entrée obtiendra comme:

<input type="checkbox" checked="checked" value="1" name="myCheck" /> 

Alors, essayez ce qui précède et nous donner quelques commentaires ='p

Answer 4

Désolé dans mon cas c'était le .attr() - fonctionne très bien pour moi, même dans Adobe Air.

jQuery('#mycheckbox').attr("checked")