CODEWITHSUNDEEP
phpjquery
Peter
Peter

Reputation: 120

Show/hide input after click in checkbox

I'm trying to Show/hide my input after check/uncheck a checkbox but I getting this info from DB so, I'm using PHP to add 'checked' attribute to my input.

jQuery code is working, but when I refresh the page, my input doesn't show even with attribute checked "enabled".

PHP code 

  <label>Send cash?</label>
  <input class="reg_cash" type="checkbox" name="reg_cash" value="1" 
  <?php echo ($configs->reg_cash) ? 'checked' : '' ?>>


  <div class="reg_cash_amount">     
    <label>Amount of cash</label>
       <input type="text" name="reg_cash_amount" id="coupon_field"/>
   </div>

Jsfiddle: https://jsfiddle.net/qmmg3qwo/

Upvotes: 2

Views: 3753

Answers (1)

sarin surendran
sarin surendran

Reputation: 303

try this to hide/show the input field based on database values.

php code

<label>Send cash?</label>
  <input class="reg_cash" type="checkbox" name="reg_cash" value="1" 
  <?php echo ($configs->reg_cash) ? 'checked' : '' ?>>

<?php if($configs->reg_cash) { ?>
  <div class="reg_cash_amount">     
    <label>Amount of cash</label>
       <input type="text" name="reg_cash_amount" id="coupon_field"/>
   </div>
<?php } ?>

Jquery code 

$(".reg_cash").click(function () {
    if ($(this).is(":checked")) {
        $(".reg_cash_amount").show();
    } else {
        $(".reg_cash_amount").hide();
    }
});

Upvotes: 1

Related Questions