If php condition is checked, add class to element by JQuery

Question

Add a class to an element by JQuery, If php condition is checked. Hi. This code does not work. If anybody knows an alternative method I much appreciate it. Thank you.

<form method="post">
 <input class="blue" name="btn" type="Submit" value="Submit" />
</form>

<?php

if(isset($_POST["btn"])){
  $query = mysqli_query($con,"select * from table");
  $row = mysqli_fetch_assoc($query);
  $name = $row['name'];
  if($name == "kamal"){
    ?>
      <script type="text/javascript">
        $('.blue').addClass('green');
      </script>
    <?php
  }
  else{
    ?>
      <script type="text/javascript">
        $('.blue').addClass('red');
      </script>
    <?php
  }
}

?>

Snickfire · Accepted Answer · 2019-03-29 01:52:23Z

1

Actually you have to add $(document).ready

Like this:

$(document).ready(function(){

   $('.blue').addClass('red').removeClass('blue');

});

This way you can call your jquery function after document load

——Edit——

By the way i recommend you to make this all php or all javascript. It doesn’t have any sense to send a form by php and replace class with jquery. Actually you can do the same printing the result with new class with simple echo in php.

But if you want to make this dynamic you can use jquery for send the form by Ajax preventing submit, getting the response from php route and displaying change of color dynamically without reloading page

edited Mar 29, 2019 at 1:52

answered Mar 29, 2019 at 1:28

Snickfire

5121 gold badge4 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

kamal roben Over a year ago

Still does not work :( , but thank you for this information.

Rylee · Accepted Answer · 2019-03-29 05:55:05Z

0

I suggest you handle this via php as it's more logical in this example

In which case I would store the class in a variable and echo it directly into the element's class property like so:

<?php
$input_class = '';
if(isset($_POST["btn"])){
  $query = mysqli_query($con,"select * from table");
  $row = mysqli_fetch_assoc($query);
  $name = $row['name'];
  if($name == "kamal"){
    $input_class = 'green';
  }
  else{
    $input_class = 'red';
  }
}

?>

<form method="post">
 <input class="blue" name="btn" type="Submit" value="Submit" class="<?php echo $input_class; ?>"/>
</form>

answered Mar 29, 2019 at 5:55

Rylee

1,6761 gold badge8 silver badges9 bronze badges

1 Comment

kamal roben Over a year ago

This is a good alternative method, thank you very much, i'll work on it.

Collectives™ on Stack Overflow

If php condition is checked, add class to element by JQuery

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related