Pages

Friday, July 12, 2013

Get which checkbox's are selected using Jquery, Multi checkbox search filter using php ajax jquery

<script type="text/javascript">
$(document).ready(function() {


var OccasionsArray = new Array;
var FabricArray = new Array;
var StyleArray = new Array;
var StatusArray = new Array;
var ColorArray = new Array;

$(".chk").live('click', function() {
    OccasionsArray=[];
    $('.chk:checked').each(function() {
        OccasionsArray.push($(this).val());
    });
   // alert(OccasionsArray);
$.ajax({
   url:'getResultsearch.php',
   datatype:"POST",
   type:'get',
   data: 'occasions='+OccasionsArray,
   success:function(data){
  $(".right_pannel").html(data);
   
   },
   error:function(){
      // code for error
   }
 });


});

$(".chk1").live('click', function() {
    FabricArray=[];
    $('.chk1:checked').each(function() {
        FabricArray.push($(this).val());
    });
 
    $.ajax({
   url:'getResultsearch.php',
   datatype:"POST",
   type:'get',
   data: 'fabric='+FabricArray,
   success:function(data){
  $(".right_pannel").html(data);
   
   },
   error:function(){
      // code for error
   }
 });
});


$(".chk2").live('click', function() {
    StyleArray=[];
    $('.chk2:checked').each(function() {
        StyleArray.push($(this).val());
    });
 
      $.ajax({
   url:'getResultsearch.php',
   datatype:"POST",
   type:'get',
   data: 'styleme='+StyleArray,
   success:function(data){
  $(".right_pannel").html(data);
   
   },
   error:function(){
      // code for error
   }
 });
 
 
 
 
 
 
});


$(".chk3").live('click', function() {
    StatusArray=[];
    $('.chk3:checked').each(function() {
        StatusArray.push($(this).val());
    });
 
    $.ajax({
   url:'getResultsearch.php',
   datatype:"POST",
   type:'get',
   data: 'statusme='+StatusArray,
   success:function(data){
  $(".right_pannel").html(data);
   
   },
   error:function(){
      // code for error
   }
 });

});


$(".chk4").live('click', function() {

var colorname =  $(this).attr("myAttri");
var tt=$(this).attr("simmani",colorname);

    ColorArray=[];
   $("a[simmani]").each(function() {
var c=$(this).attr("simmani");
       ColorArray.push(c);
    });
 
  // alert(ColorArray);
    $.ajax({
   url:'getResultsearch.php',
   datatype:"POST",
   type:'get',
   data: 'colorme='+ColorArray,
   success:function(data){
  $(".right_pannel").html(data);
   
   },
   error:function(){
      // code for error
   }
 });

});



 $('#testimonials2')
.after('<div id="nav2">')
.cycle({
        fx: 'fade' // choose your transition type, ex: fade, scrollUp, scrollRight, shuffle

     });
});
</script>

No comments:

Post a Comment

Thank you for your Comment....