jquery checkbox check not working

Question

I have a small script,with very straight function. If the checkbox is not checked, if the user clicked on it show a div otherwise hide the div when user clicks in it. The script is (its inside a PHP code ):

echo 
'<script> 
$(document).ready(function(){

if($("#chk_id'.$bank_name.'").is(":checked"))
{


   $("#chk_id'.$bank_name.'").click(function(){
      $("#form_show'.$bank_name.'").hide(300);
   });

}
else
{ 

    $("#chk_id'.$bank_name.'").click(function(){

    //alert("ddd");

    $("#form_show'.$bank_name.'").show(300);
   });
}
});    


</script>';

But the problem is although the show div is working, I am unable to hide the div ! Whats wrong? javascript library : <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

Show us your example in JSFiddle

Maxim Zhukov
– Maxim Zhukov

2013-07-31 12:14:39 +00:00
Commented Jul 31, 2013 at 12:14 — Maxim Zhukov
– Maxim Zhukov, Commented Jul 31, 2013 at 12:14
And if you could add your html code too

MisterJ
– MisterJ

2013-07-31 12:16:50 +00:00
Commented Jul 31, 2013 at 12:16 — MisterJ
– MisterJ, Commented Jul 31, 2013 at 12:16

Maxim Zhukov · Accepted Answer · 2013-07-31 12:18:21Z

3

Try this:

$(document).ready(function(){
    $('body').on('click', "#chk_id'.$bank_name.'", function() {
        if($("#chk_id'.$bank_name.'").is(":checked")) {
            $("#form_show'.$bank_name.'").hide(300);
        } else {
            $("#form_show'.$bank_name.'").show(300);
        }
    });
});

answered Jul 31, 2013 at 12:18

Maxim Zhukov

10.2k5 gold badges50 silver badges92 bronze badges

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

Comments

Daniele · Accepted Answer · 2013-07-31 12:18:48Z

3

I think your function should be something like this:

function checkBankName(){
    if($("#chk_id'.$bank_name.'").is(":checked"))
    {
        $("#form_show'.$bank_name.'").show(300);
    }
    else
    {
        $("#form_show'.$bank_name.'").hide(300);
    }
}

$(document).ready(function(){
    // first time
    checkBankName();

    // on check
    $("#chk_id'.$bank_name.'").click(function(){
        checkBankName();
    });
});

answered Jul 31, 2013 at 12:18

Daniele

1,93616 silver badges24 bronze badges

Comments

davy · Accepted Answer · 2013-07-31 12:28:22Z

0

try this:

Demo

 $("#chk_id").click(function(){
       if($('#chk_id:checked').length > 0){
          $('.bank_name').hide(300);
       }
       else{
          $('.bank_name').show(300);
       }
   });

I have guessed your html implementation. You may not need to include the #form_show in your selector.

Or, you could do something like this using toggle:

tioggle demo

// code to initialize state before click

$("#chk_id").click(function(){    
    $('.bank_name').toggle(300);            
});

Hope this helps

answered Jul 31, 2013 at 12:28

davy

4,60210 gold badges51 silver badges73 bronze badges

Comments

billyonecan · Accepted Answer · 2013-07-31 12:38:30Z

0

Simplified version of another answer here:

$(document).ready(function() {
    $("#chk_id' . $bank_name . '").change(function() {
        $("#form_show' . $bank_name . '")[this.checked ? 'show' : 'hide'](300);
    }).change();
});

answered Jul 31, 2013 at 12:38

billyonecan

20.3k9 gold badges44 silver badges66 bronze badges

Collectives™ on Stack Overflow

jquery checkbox check not working

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related