CodeIgniter Forums

Full Version: Switch button active/inactive
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
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'];
Unfortunately I'm not very practical, do not see the PHP part to send the modification on / off and then also show the current result, there are some online tutorials? I really found little on google
Code:
Execute a JavaScript when a button is clicked:

<button onclick="myFunction()">Click me</button>