JQuery übermittelte Werte für Checkboxen sind undefined

Question

Ich habe gerade einige sehr gute Hilfe heute mit einem früheren jQuery-Problem erhalten und dachte, da mein Glück lief, könnte ich vielleicht auch Hilfe mit einigen Checkboxen bekommen. Kann mir bitte jemand sagen, was ich falsch mache?

Danke!

Die Kontrollkästchen geben die Bool-Werte der Datenbank korrekt wieder, aber wenn ich die geänderten Werte übergebe, zeigt eine alert() an, dass sie nicht definiert sind.

 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

Ihre Wähler für die Kontrollkästchen sind nicht korrekt.

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'; 

Man könnte auch so etwas wie verwenden:

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

Diese Werte auf true/false gesetzt wird, je nachdem, ob das Kontrollkästchen aktiviert ist oder nicht.

Answer 2

Sie haben keinen Wert Attribut auf Ihrem HTML-Eingabeelement gesetzt

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

Answer 3

beide Eigentlich ..

die Kontrollkästchen nicht Wert haben, also wenn Sie versuchen Sie, ihre Werte zu alarmieren (es wird zu "undefiniert" führen), aber wenn Sie damit konfrontiert werden, die Checkbox selbst zu alarmieren, tun Sie wahrscheinlich etwas falsch.

Wenn Sie ihre Werte auf "true" setzen, führt dies nicht zu etwas, wie @Soviut sagte, die meisten Eigenschaften wiederholen ihre Namen bei der Einstellung. So Ihre Eingabe erhalten wie:

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

Also, um die oben versuchen und geben Sie uns ein Feedback ='p

Answer 4

Sorry in meinem Fall war es die .attr() - funktioniert gut für mich, auch in Adobe Air.

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