If Radio Button is selected perform validation on Checkboxes

Question

I m trying to work this form so when the first radio button is selected  run a certain validation  When the second radio button is selected  run a different validation  etc  Currently using Alerts to check the functionality  but whichever radio button I choose I do not receive any feedback   javascript function   lt script type  text javascript  gt   function validateDays         if  document form1 radio1 0  checked    true            alert  You have selected Option 1              else if  document form1 radio1 1  checked    true            alert  You have selected Option 2              else if  document form1 radio1 2  checked    true            alert  You have selected Option 3              else              DO NOTHING                     lt  script gt    html input code   lt input name  radio1  type  radio  value  option1  id  option1  onClick  validateDays     gt   lt input name  radio1  type  radio  value  option2  id  option2  onClick  validateDays     gt   lt input name  radio1  type  radio  value  option3  id  option3  onClick  validateDays     gt    How do I get a different alert depending on which radio button is checked   Eventually  each radio button will limit the number of checkboxes further down the form the user is able to select - which is why I cannot work this validation purely in to the onClick    MORE FULL CODE - ON REQUEST   lt script src  https   ajax googleapis com ajax libs jquery 1 8 3 jquery min js   gt  lt  script gt    lt script type  text javascript  gt    document  ready function         jQuery   3daypass   click function mattcode             jQuery   other 2    other 3    other 4   prop  checked   true               jQuery   2daypass    1daypass   click function mattcode             jQuery   other 2    other 3    other 4   prop  checked   false                lt  script gt    lt script type  text javascript  gt   function validateDays         if  document getElementById  3daypass   checked            alert  You have selected Option 1              else if  document getElementById  2daypass   checked            alert  You have selected Option 2              else if  document getElementById  1daypass   checked            alert  You have selected Option 3              else              DO NOTHING                     lt  script gt    lt tr gt       lt td colspan  5  align  left  gt  lt table width  100   border  0  cellspacing  0  cellpadding  0  gt        lt tr gt             lt td width  65   valign  top  gt  lt table width  100   height  100   border  0  cellpadding  2  cellspacing  0  gt                lt tr valign  middle  gt                   lt td height  18  colspan  2  align  left  bgcolor   000000  gt  lt span class  boxheader  gt  lt strong gt  amp nbsp Conference Pass lt  strong gt  lt  span gt   lt span class  bodycopyWhite  gt  -  Please select a day pass below  lt  span gt  lt  td gt                      lt  tr gt                     lt tr valign  middle  gt                         lt td colspan  2  align  left  bgcolor   EBEBEB  gt  lt img src  spacer gif  width  1  height  3  gt  lt  td gt                lt  tr gt                   lt tr bgcolor   EBEBEB  gt                      lt td align  center  valign  top  bgcolor   EBEBEB  gt  lt table width  100   border  0  cellspacing  0  cellpadding  2  gt                          lt tr gt                        lt td width  7   gt  lt input name  other 1  type  radio  value  3daypass  id  3daypass  onClick  Payment Total    check code    Vat Total    validateDays     gt  lt  td gt                           lt td width  93   class  bodyNormal  gt  lt strong gt Three-day lt  strong gt  open delegate pass lt  td gt                        lt  tr gt                         lt tr gt                          lt td gt  lt input name  other 1  type  radio  value  2daypass  id  2daypass  onClick  Payment Total    check code    Vat Total    validateDays     gt  lt  td gt                       lt td class  bodyNormal  gt  lt strong gt Two-day lt  strong gt  open delegate pass lt  td gt                      lt  tr gt                          lt tr gt                    lt td gt  lt input name  other 1  type  radio  value  1daypass  id  1daypass  onClick  Payment Total    check code    Vat Total    validateDays     gt  lt  td gt                  lt td class  bodyNormal  gt  lt strong gt One-day lt  strong gt  open delegate pass lt  td gt              lt  tr gt                   lt  table gt  lt  td gt              lt  tr gt           lt tr valign  middle  gt                  lt td colspan  2  align  left  bgcolor   EBEBEB  gt  lt img src  spacer gif  width  1  height  3  gt  lt  td gt              lt  tr gt                lt  table gt                   lt br gt               lt table width  100   border  0  cellspacing  0  cellpadding  2  gt                     lt tr gt                         lt td height  20  colspan  2  bgcolor   000000  class  boxheader  gt  lt strong gt  amp nbsp Please select the days you will be attending lt  strong gt  lt  td gt                     lt  tr gt              lt tr gt                    lt td width  9   bgcolor   EBEBEB  gt  lt input name  other 2  type  checkbox  id  other 2  value  Tues 5 Feb  gt  lt  td gt                  lt td width  91   bgcolor   EBEBEB  class  bodycopy  gt Tuesday 5 February 2013  lt  td gt                lt  tr gt                    lt tr gt                  lt td bgcolor   EBEBEB  gt  lt input name  other 3  type  checkbox  id  other 3  value  Wed 6 Feb  gt  lt  td gt                lt td bgcolor   EBEBEB  class  bodycopy  gt Wednesday 6 February 2013  lt  td gt              lt  tr gt                  lt tr gt              lt td bgcolor   EBEBEB  gt  lt input name  other 4  type  checkbox  id  other 4  value  Thurs 7 Feb  gt  lt  td gt                        lt td bgcolor   EBEBEB  class  bodycopy  gt Thursday 7 February 2013  lt  td gt                 lt  tr gt    Apologies for the messy code - This was written in 2005 by someone else  with an apparent phobia of CSS  - see what I have to work with

User · Answer

You need to use    or     for comparison    assigns a new value   Besides that  using    is pointless when dealing with booleans only  Just use if foo  instead of if foo    true

User · Answer

You must use the equals operator not the assignment like  if document form1 radio1 0  checked    true        alert  You have selected Option 1

User · Answer

Full validation example with javascript    lt  DOCTYPE html gt   lt html gt       lt head gt           lt meta http-equiv  Content-Type  content  text html  charset UTF-8  gt           lt title gt Radio button  full validation example with javascript lt  title gt           lt script gt              function send                     var genders   document getElementsByName  gender                    if  genders 0  checked    true                        alert  Your gender is male                      else if  genders 1  checked    true                        alert  Your gender is female                      else                          no checked                     var msg     lt span style  color red   gt You must select your gender  lt  span gt  lt br   gt  lt br   gt                        document getElementById  msg   innerHTML   msg                      return false                                    return true                             function reset msg                     document getElementById  msg   innerHTML                              lt  script gt       lt  head gt       lt body gt           lt form action    method  POST  gt               lt label gt Gender  lt  label gt               lt br   gt               lt input type  radio  name  gender  value  m  onclick  reset msg       gt Male              lt br   gt               lt input type  radio  name  gender  value  f  onclick  reset msg       gt Female              lt br   gt               lt div id  msg  gt  lt  div gt               lt input type  submit  value  send gt  gt   onclick  return send       gt           lt  form gt       lt  body gt   lt  html gt    Regards   Fernando

User · Answer

function validateDays         if  document getElementById  option1   checked    true            alert  You have selected Option 1              else if  document getElementById  option2   checked    true            alert  You have selected Option 2              else if  document getElementById  option3   checked    true            alert  You have selected Option 3              else              DO NOTHING

[javascript] If Radio Button is selected, perform validation on Checkboxes

Examples related to javascript

Examples related to forms