2012-11-29 137 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腳本應該回顯複選框,具體取決於單選按鈕的值。

希望這會有幫助

相關問題