Yeah, there are at least 3 rows being created within a FOR loop and each one has a set of checkbox/radio combinations


>Hi Dorris,
>
>Looks at your code I am wondering if --ch-- changes the ID? If this is the case, it would be easier to use a class like this.
>
>

>    //$(document).on('change','.classtocheckbox',function(event){
>      //   $('.classtoradiobuttons').toggle();
>    //}
>

>
>The on() function creates an event and it doesn't matter if the page is not fully rendered when created. Using bind (which click is a shortcut for bind('click').. ) will fail if the DOM is not fully loaded. That is why you need to have bind events inside of $(document).ready() event.
>
>If there are more than one set of radio buttons group on the same page then the ID might work better for the radio buttons.
>
>
>>ummm....Unfortunately, that didn't seem to affect it at all. And now that function looks like
>>
>>

>>                       $('#AHYSChk01').click(function()
>>                           {
>>                        if $('#AHYSChk01').attr('checked')
>>                           { $('#YSElig01').show(); 
>>                           } 
>>                        else
>>                           { $('#YSElig01').hide(); 
>>                           }
>>                           )}
>>

>>
>>
>>>I've had issues with .is(:checked) not working. The fallback is $("#CheckBoxId").attr('checked').
>>>
>>>
>>>>Well, I've got the radio buttons initially hidden with
>>>>
>>>>

>>>>       div id = "YSElig<<ch>>" style="display:none">
>>>>         input type="radio" name="py_SpElig_Type<<ch>>" value="SP" <<iif(lnPY_EligType=1,"checked","")>>/><b>AHYS SUB+Spouse</b>
>>>>         input type="radio" name="py_SpElig_Type<<ch>>" value="SUB" <<iif(lnPY_EligType=2,"checked","")>>/><b>AHYS SUB Only</b>
>>>>       div>
>>>>

>>>>
>>>>based off of what I've been reading on jQuery.
>>>>
>>>>Unfortunately, checking the box doesn't Show the radiobuttons.
>>>>
>>>>>What exactly is the issue?
>>>>>
>>>>>
>>>>>>Hi Gang
>>>>>>
>>>>>>Let's pretend that I know very very little about jQuery, so please use small words.
>>>>>>
>>>>>>I'm trying to hide/show radiobuttons based off the state of a checkbox and this code is part of a TextMerge VFP section
>>>>>>
>>>>>>
>>>>>>

>>>>>>                   script type="text/JavaScript" Language = "JavaScript">
>>>>>>                           $('#AHYSChk01').click(function()
>>>>>>                           {
>>>>>>                              if ($'#AHYSChk01').is(:checked))
>>>>>>                               { $('#YSElig01').show(); 
>>>>>>                                } 
>>>>>>                              else
>>>>>>                               { $('#YSElig01').hide(); 
>>>>>>                                }
>>>>>>                           }
>>>>>>                         
>>>>>>                      /script>	
>>>>>>

>>>>>>where AHYSChknn is the div id for the radiobuttons and AHYSChknn is the checkbox id
>>>>>>
>>>>>>I would have included the entire chunk of code, except we can't inline HTML, afaik
>>>>>>
>>>>>>Thanks
>>>>>>
>>>>>>What am I missing?