maintain checked checkbox state event in jquery,ajax and php

Tuesday, July 8, 2014

I have checkboxes and submit button. User can filter the options using checkboxes and button click. But now i want to maintain the state event for this checkboxes. So user should know whick checkboxes are already checked and again they can filter the options from checkboxes.Upto now i am successfully able to filter the options using checkboxe and button click but not getting logic how maintain the state event of checked checkboxes. Here is my code: js code:



function getFahrzeuge() {
var opts = [];
$("#FAHRZEUGE input[type='checkbox']").each(function () {
if ($(this).is(':checked'))
{
opts.push($(this).attr("id"));
}

});
return opts;
}

function saveFahrzeugeWidget(opts){

if(opts.length == 0) return false;

$.ajax({
type: "POST",
url: "ajax/dashboard.php",
dataType : 'json',
cache: false,
data: {'filterOpts' :opts, 'aktion' : 'save-widget-vehicle'},
success: function(data){
getFahrzeugeWidget();
//$('#fahrzeuge').html(data['html']);
},
error: function(data){
alert('error');
}
});
}

$('#FAHRZEUGE .butt-rahmen').live('click', function(){
var opts = getFahrzeuge();
if($(this).attr('id') == 'saveId')
{
saveFahrzeugeWidget(opts);
if($('#FAHRZEUGE input[type="checkbox"]:checked').length <=0) {
alert('├╝berpr├╝fen Sie bitte atleast ein fahrzeuge');
getFahrzeugeWidgetEdit(opts);
}
}

});


dashboard.php



<table id="FAHRZEUGE" >
<tr>
<td>
<input type="checkbox" name="Anzahl_Fahrzeuge_ohne_Bilder" id="Anzahl_Fahrzeuge_ohne_Bilder" />
<label for="Anzahl_Fahrzeuge_ohne_Bilder">Anzahl Fahrzeuge ohne Bilder</label><br>

<input type="checkbox" name="Fahrzeuge_ohne_Preis" id="Fahrzeuge_ohne_Preis" value="Fahrzeuge_ohne_Preis" />
<label for="Fahrzeuge_ohne_Preis">Fahrzeuge_ohne_Preis</label><br>

<input type="checkbox" name="Fahrzeuge_mit_Fehlern" id="Fahrzeuge_mit_Fehlern" value="Fahrzeuge_mit_Fehlern" />
<label for="Fahrzeuge mit Fehlern">Fahrzeuge mit Fehlern</label><br>

<input type="checkbox" name="Herausforderungen" id="Herausforderungen" value="Herausforderungen" />
<label for="Herausforderungen">Herausforderungen</label><br><br>

</td>
</tr>
</table>






http://ift.tt/1rLMGi6