Question

Jungs wie eine Checkbox zu machen, wenn ich es den Wert auf Checkbox wird ohne einreichen Formular Datenbank senden Funktion

das ist mein Checkbox:

<input id="active_banner" type='checkbox' name='active_banner' value='1' title='Active Banner' <?=($data->promotion_active == 1)? "checked":""?> /> 

und das ist mein jquery:

<script> 
$("#active_banner").click(function() { 
    var id = "<?=$data->promotion_banner_id?>" 
    var active = $("#active_banner").val(); 
    jQuery.ajax({ 
     type: "GET", 
     url: "/ADMIN/ajax/active_banner/", 
     data: {id:id,active:active}, 
    }); 

    }); 
</script> 

ich versucht habe zu prüfen, aber es gibt nichts in meinem ajax-Controller geschehen ist wird enthalten:

function active_banner(){ 
    $id = $this->input->get("id",true); 
    $active = $this->input->get("active",true); 

    $this->Control_panel_m->update_banner_active($id,$active); 
    redirect('/ADMIN/'.country_code."/Edit_promotion_banner","refresh"); 

} 

guys können Sie mir helfen, wie es funktioniert?

Answer 1

Sie müssen überprüfen, ob das geprüfte Kästchen aktiviert ist, klicken Sie wird für beide Kontroll Feuer und un geprüft Ereignisse

Probieren Sie etwas mit wie folgt

<script> 
$("#active_banner").on("change",function(e) { 
     var id = "<?=$data->promotion_banner_id?>" 
     var active = $(this).is(":checked"); 
     jQuery.ajax({ 
     type: "GET", 
     url: "/ADMIN/ajax/active_banner/", 
     data: {id:id,active:active}, 
     }); 
    }); 
</script> 

Answer 2

versuchen die folgende

$(function(){ 
$("input[name='active_banner']").click(function() { 
    var id = "<?=$data->promotion_banner_id?>" 
    var active = $("#active_banner").val(); 
    if($(this).is("not(:checked)")){ 
     active = 0; 
    }; 
    jQuery.ajax({ 
     type: "GET", 
     url: "/ADMIN/ajax/active_banner/", 
     data: {id:id,active:active}, 
     success: function(data){ 
      window.location = data;//redirect with javascript 
     } 
    }); 
    }); 
    }); 

php:

function active_banner(){ 
    $id = $this->input->get("id",true); 
    $active = $this->input->get("active",true); 

    $this->Control_panel_m->update_banner_active($id,$active); 
    return '/ADMIN/'.$country_code."/Edit_promotion_banner";//return the url to redirect assuming country_code is a variable 

} 

Answer 3

Erste Sache: wie unten Wenn Sie Ihre jQuery-Datei enthalten haben gezeigt:

<script type="text/javascript" src="//code.jquery.com/jquery-1.12.3.min.js"> 
<script> 
$(document).ready(function() { 
$("#active_banner").change(function() { 
    var id = "<?=$data->promotion_banner_id?>" 
    var active = $("#active_banner").val(); 
    jQuery.ajax({ 
     type: "GET", 
     url: "/ADMIN/ajax/active_banner/", 
     data: {id:id,active:active}, 
    }); 
}); 
}); 
</script> 

In obigem Fall ist es notwendig, den </script> Tag für die Include-Anweisung zu schließen. So umfassen die jQuery sein sollte:

<script type="text/javascript" src="//code.jquery.com/jquery-1.12.3.min.js"></script> 

Die Version von jQuery die gleiche sein könnte, wie Sie & verwendet haben, ist es nicht unbedingt sein müssen, was ich hier erwähnt.

Zweitens, da Sie sagten, Sie die Kontrollkästchen durch eine foreach-Schleife werden angezeigt wird, sollten Sie in einem anderen Attribut auf Ihre Kontrollkästchen setzen, Beispiel: Daten-ID

<input id="active_banner" type='checkbox' name='active_banner' value='1' title='Active Banner' <?=($data->promotion_active == 1)? "checked":""?> data-id="YOUR_UNIQUE_CHECKBOX_ID" class="active_banner_chk" />

wo YOUR_UNIQUE_CHECKBOX_ID einen eindeutigen Wert ist die ist für jedes Kontrollkästchen unterschiedlich.

Dann ändern Sie Ihre jQuery sein:

<script> 
$(document).ready(function() { 
$(".active_banner_chk").click(function() { 
    var id = "<?=$data->promotion_banner_id?>"; 
    var active = 0; 

    if($(this).is(':checked')) { 
     var active = $(this).attr('data-id'); 
    } 
    jQuery.ajax({ 
     type: "GET", 
     url: "/ADMIN/ajax/active_banner/", 
     data: {id:id,active:active}, 
    }); 
}); 
}); 
</script> 

können Sie auch vermeiden, dass die zusätzliche Eigenschaft der Daten-ID Hinzufügen & statt wie Ihre jQuery & HTML-Element haben unter:

<script> 
$(document).ready(function() { 
$(".active_banner_chk").click(function() { 
    var id = "<?=$data->promotion_banner_id?>"; 
    var active = 0; 

    if($(this).is(':checked')) { 
     var active = $(this).val(); 
    } 
    jQuery.ajax({ 
     type: "GET", 
     url: "/ADMIN/ajax/active_banner/", 
     data: {id:id,active:active}, 
    }); 
}); 
}); 
</script> 
<input id="active_banner" type='checkbox' name='active_banner' value='1' title='Active Banner' <?=($data->promotion_active == 1)? "checked":""?> class="active_banner_chk" /> 

Berufung Ihr jQuery basierend auf dem Klassennamen & dann mit $this.val() anstelle der $('#active_banner').val() stellt sicher, dass Sie den Wert des aktuellen Kontrollkästchens anstelle des ersten che erhalten immer Box.