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

return opts;

function saveFahrzeugeWidget(opts){

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

type: "POST",
url: "ajax/dashboard.php",
dataType : 'json',
cache: false,
data: {'filterOpts' :opts, 'aktion' : 'save-widget-vehicle'},
success: function(data){
error: function(data){

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



<table id="FAHRZEUGE" >
<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>