根据单选按钮选择值更改复选框组合?

时间:2012-11-29 09:41:54

标签: php javascript jquery html

我有一个系统,学生必须通过单选按钮选择他的课程。然后我想通过复选框显示为该课程提供的课程,以便他可以检查科目。或者用简单的单词我想显示不同的复选框选择不同的单选按钮。这需要帮助吗?

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

将被显示。如果他选择B.Com那么

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

应该显示给他。同样的情况是休息到两个。我会怎么做?

2 个答案:

答案 0 :(得分: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>

我希望它对你有所帮助

答案 1 :(得分:0)

假设您正在使用jquery,您可能想要查找radiobutton更改事件,而不是通过Ajax加载正确的复选框

$(function(){
    $('.radioBut').change(function(){
       $('#checkboxes').load('generateCheckboxes.php',{'studentsClass' : $(this).val()});
    });
});

所有Radiobutton都应该有一个&#39; radioBut&#39; class应该有一个id =&#39; checkBoxes&#39;

的目标div

您的php脚本应根据radiobuttons值回显复选框。

希望这有帮助