<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Untitled Document</title> </head> <body> 
<script language="javascript" type="text/javascript"> 
function adjust(str,obj) 
{ 
document.getElementById(str).style.display = obj.checked?"block":"none"; 
} 
</script> <table width="500" border="1"> <tr> <td><input type="checkbox" name="checkbox3" value="checkbox"> 忙时优惠包 <input type="checkbox" name="checkbox" value="checkbox" onClick="adjust('line1',this)"> 长途优惠包 <input type="checkbox" name="checkbox2" value="checkbox" onClick="adjust('line2',this)"> 短信优惠包</td> </tr> <tr> <td id="line1" style="display:none"><input name="radiobutton" type="radio" value="radiobutton"> 3 <input name="radiobutton" type="radio" value="radiobutton"> 5 <input name="radiobutton" type="radio" value="radiobutton"> 10</td> </tr> <tr> <td id="line2" style="display:none"><input name="radiobutton" type="radio" value="radiobutton"> 3 <input name="radiobutton" type="radio" value="radiobutton"> 6 <input name="radiobutton" type="radio" value="radiobutton"> 10</td> </tr> </table> </body> </html>