jQuery Show-Hide DIV based on Checkbox Value

Question

Using AJAX I populate a DIV with a bunch of checkboxes  each with it s own unique ID   The IDs are  projectID1    projectID2    projectID3  and so on    I have given all checkboxes a class of  pChk    My end goal is to show the DIV containing the Submit Button if ANY of the checkboxes are checked  The only time the DIV containing the Submit Button show be hidden is if all checkboxes are unchecked   However the code I have come up with below shows hides the Submit Button DIV for each checkbox instance  In other words  if I have three checkboxes CHECKED and I UNCHECK one of them  the Submit Button DIV get hidden   Your expert advice is more than welcome   function checkUncheck              pChk   click function             if  this checked                    ProjectListButton   show              else                   ProjectListButton   hide

User · Answer

Display     cbxShowHide   click function    this checked     block   show 1000      block   hide 1000     time for show

User · Answer

While this is old if someone comes across this again  via search   The correct answer with jQuery 1 7 onwards is now       pChk   click function         if    this  is   checked                  ProjectListButton   show          else               ProjectListButton   hide

User · Answer

A tip to all people that use flat-red  flat-green plugin  because of this plugin the answers above wont work   In that case  use onchange  do your stuff     on the label  for example   Your checkbox here  The reason why it doesn t work is that this Jquery creates a lot of objects around the real checkbox  so you can t see if it s changed or not   But if someone click straight on checkbox  won t work

User · Answer

I use jQuery prop      yourCheckbox   change function      if   this  prop  checked              showDiv   show        else           hideDiv   hide

User · Answer

That is because you are only checking the current checkbox   Change it to  function checkUncheck              pChk   click function             if       pChk checked   length  gt  0                    ProjectListButton   show              else                   ProjectListButton   hide                           to check if any of the checkboxes is checked  lots of checks in this line      reference  http   api jquery com checked-selector

User · Answer

ebdiv is set style  display none    it is works show  amp  hide    document  ready function            eb   click function                ebdiv   toggle

User · Answer

You might consider using the  checked selector  provided by jQuery   Something like this       pChk   click function         if      pChk checked   length  gt  0                 ProjectListButton   show          else               ProjectListButton   hide

User · Answer

Try this      yourchkboxes   change function            yourbutton   toggle     yourchkboxes checked   length  gt  0         So it will check for at least one checkbox is checked or not

[jquery] jQuery Show-Hide DIV based on Checkbox Value

Examples related to jquery

Examples related to checkbox

Examples related to show-hide