How to display the radio buttons when a check box is selected?

Question

The display must be in a grid view without any misalignment. Here are the Screen Shots

Shot1

Shot2

the code used is HTML and Javascript. How to format those radio buttons accordingly in CSS & HTML.

hope this link will help you... http://stackoverflow.com/questions/19447591/show-hide-div-when-checkbox-selected — G.L.P, Jun 18 '14 at 09:15
I got the functionality but I am not able to move my radio buttons just below the checkbox selected here is the code. I am formatting a checkbox accordingly in CSS but after checking another check box its getting disturbed. I'll edit the post with the code. — Tezzz, Jun 18 '14 at 09:28

score 0 · Answer 1 · edited Jun 18 '14 at 09:17

0

$("#myCheckbox").change( function() {
    if($(this).is(":checked")){
        $('#options-radio').css('display', 'block');
    }
});

I am sure in this way, issue will be resolved

JSFiddle for the sample

edited Jun 18 '14 at 09:17

Okky

answered Jun 18 '14 at 09:09

Naveed Ramzan

I need the radio buttons to be at the position underneath the checkboxes. – Tezzz Jun 18 '14 at 10:22
You can set whatever position of radio button div. and make that hide. and then above code of ischecked then show that div will be fine. – Naveed Ramzan Jun 18 '14 at 10:23
How can I do that. I want to move that radio button just below the Audiometry checkbox in CSS. As their is another checkbox Electrocardiogram. When each and every checkbox is checked it must be displayed just below that checked checkbox. – Tezzz Jun 18 '14 at 10:55

1 Answers1