Welcome Guest, Not a member yet? Register   Sign In
Switch button active/inactive
#1

I've been looking very much here on the site about my problem, but I only found answers about the html part of the problem. So I was wondering how to operate the switch buttons and pick up the current result and in turn change it.

This is my simple sample code:


PHP Code:
<td><?php echo $row['id']; ?></td>
<td><?php echo word_limiter($row['text'], 8); ?></td>
<td><?php echo $row['gender']; ?><?php echo $row['age']; ?> years</td>
<td><?php echo $row['time']; ?></td>
<td>
<div class="btn-group btn-toggle"> 
<button class="btn btn-default">ON</button>
<button class="btn btn-primary active">OFF</button>
</div>
</td> 


PHP Code:
$('.btn-toggle').click(function() {
 
   $(this).find('.btn').toggleClass('active');  
    
    if 
($(this).find('.btn-primary').size()>0) {
 
       $(this).find('.btn').toggleClass('btn-primary');
 
   }
 
   if ($(this).find('.btn-danger').size()>0) {
 
       $(this).find('.btn').toggleClass('btn-danger');
 
   }
 
   if ($(this).find('.btn-success').size()>0) {
 
       $(this).find('.btn').toggleClass('btn-success');
 
   }
 
   if ($(this).find('.btn-info').size()>0) {
 
       $(this).find('.btn').toggleClass('btn-info');
 
   }
 
   
    
$(this).find('.btn').toggleClass('btn-default');
 
      
});

$(
'form').submit(function(){
    
alert($(this["options"]).val());
 
   return false;
}); 

How do I move? The result to show the current status is: $row->['status'];
Reply


Messages In This Thread
Switch button active/inactive - by Marcolino92 - 08-20-2017, 08:01 AM
RE: Switch button active/inactive - by InsiteFX - 08-20-2017, 08:39 AM
RE: Switch button active/inactive - by InsiteFX - 08-21-2017, 02:38 AM



Theme © iAndrew 2016 - Forum software by © MyBB