2012-11-29 95 views
1

我有一个系统,学生将不得不通过单选按钮选择他的课程。然后我想通过复选框显示为该课程提供的课程,以便他可以检查主题。或者简单地说,我想为不同的单选按钮选择值显示不同的复选框。需要帮助吗?根据单选按钮选择的值更改复选框组合?

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"> 

这里应该是复选框,如果BCA是由用户选择,然后

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

将diplayed.and如果他选择B.Com然后

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

应显示给他。对于两个人来说,休息也是一样。我该怎么做?

+1

小心地显示一些你试过的代码? – Tallmaris

+1

你是否介意发布你的代码... – bipen

+0

你需要ajax那 –

回答

0
<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> 

我希望这会有助于您

+0

这不是我所需要的。你没有理解问题。我有4个单选按钮。当学生选择国际交流时,国际米兰提供的课程应显示在复选框中,因此他可以选择他的课程。 –

+1

@NaeemShakir你不指望我发布完整的代码吗?它只是概念。如果你想要,那么你为什么不以正确的方式发布你的代码。 – polin

+0

我已经添加了我的代码。请看看它。 –

0

假设你正在使用jQuery藏汉,你可能想要看的单选按钮更改事件,比通过Ajax

$(function(){ 
    $('.radioBut').change(function(){ 
     $('#checkboxes').load('generateCheckboxes.php',{'studentsClass' : $(this).val()}); 
    }); 
}); 
加载正确的复选框

其中所有Radibuttons都应该有一个'radioBut'类,并且应该有一个id为'checkBoxes'的目标div

您的php脚本应该回显复选框,具体取决于单选按钮的值。

希望这会有帮助

相关问题