请教这个问题的实现方法，解决立即结帖 大家帮帮忙

Question

<script>
function chk(o)
{
document.f.elements["select" + o.value + "_A"].style.display=(o.checked)?"block":"none"
document.f.elements["select" + o.value + "_B"].style.display=(o.checked)?"block":"none"
}
</script>
<form name=f>
<input type=checkbox name=checkbox1 value=1 onclick="chk(this)">
<input type=checkbox  name=checkbox2 value=2 onclick="chk(this)">
<input type=checkbox  name=checkbox3 value=3>
<input type=checkbox  name=checkbox4 value=4>
<select name="select1_A" style="display:none"><option>select1_A</select>
<select name="select1_B" style="display:none"><option>select1_B</select>
<select name="select2_A" style="display:none"><option>select2_A</select>
<select name="select2_B" style="display:none"><option>select2_B</select>
</form>

Answer 1

<script language="JavaScript">
<!--
function hideOrShow(src){
var id=src.id.split("_")[1];
document.getElementById("dlt"+id+"_A").style.display=src.checked?"":"none";
document.getElementById("dlt"+id+"_B").style.display=src.checked?"":"none";
}
//-->
</script>
<P><input type="checkbox" id="chk_1" onclick="hideOrShow(this)"><select id="dlt1_A" style="display:none"></select><select id="dlt1_B" style="display:none"></select></P>
<P><input type="checkbox" id="chk_2" onclick="hideOrShow(this)"><select id="dlt2_A" style="display:none"></select><select id="dlt2_B" style="display:none"></select></P>
<P><input type="checkbox" id="chk_3" onclick="hideOrShow(this)"><select id="dlt3_A" style="display:none"></select><select id="dlt3_B" style="display:none"></select></P>
<P><input type="checkbox" id="chk_4" onclick="hideOrShow(this)"><select id="dlt4_A" style="display:none"></select><select id="dlt4_B" style="display:none"></select></P>