我有一个系统,学生必须通过单选按钮选择他的课程。然后我想通过复选框显示为该课程提供的课程,以便他可以检查科目。或者用简单的单词我想显示不同的复选框选择不同的单选按钮。这需要帮助吗?
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">
应该显示给他。同样的情况是休息到两个。我会怎么做?
答案 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值回显复选框。
希望这有帮助