Question

I have a system in which student will have to select his class via radio buttons. And then I want to display course offered for that class via check boxes so he can check subjects.Or in simple word I want to display different check boxes for different radio button selected value.Help needed for this?

BCA
<input type="radio" name="Course_BCA" value="BCA">
B.Com
<input type="radio" name="Course_BCA" value="B.Com">
B.Sc
<input type="radio" name="Course_BCA" value="B.Sc">
B.A
<input type="radio" name="Course_BCA" value="B.A">

Here should be checkboxes,If BCA is selected by user then

<input type="checkbox" name="eng" value="English">
<input type="checkbox" name="math" value="math">

would be diplayed.and if he selects B.Com then

<input type="checkbox" name="stat" value="stat">
<input type="checkbox" name="comp" value="comp">

should displayed to him.And same is case for rest to two.How I will do this?

Answer 1

<script type="text/javascript">
function fnc(myid)
{

    value=document.getElementById(myid).value;


    if(value=='BCA')
    {document.getElementById("eng").disabled=false;
    document.getElementById("math").disabled=false;
    document.getElementById("stat").disabled=true;
    document.getElementById("comp").disabled=true;
    }
    else if(value=='B.Com')
    {
        document.getElementById("eng").disabled=true;
    document.getElementById("math").disabled=true;
        document.getElementById("stat").disabled=false;
    document.getElementById("comp").disabled=false;
    }

}
</script>

BCA
<input type="radio" name="Course_BCA" id="BCA" value="BCA" onChange="fnc(this.id)">
B.Com
<input type="radio" name="Course_BCA" id="B.Com" value="B.Com" onChange="fnc(this.id)">
B.Sc
<input type="radio" name="Course_BCA"  id="B.Sc" value="B.Sc">
B.A
<input type="radio" name="Course_BCA"  id="B.A" value="B.A">

<input type="checkbox" name="eng" id="eng" value="English" disabled>
<input type="checkbox" name="math" id="math" value="math" disabled>
<input type="checkbox" name="stat" id="stat" value="stat" disabled>
<input type="checkbox" name="comp" id="comp" value="comp" disabled>

I hope it’ll be helpful for you