JS层控制问题

Question

function $(id){
return document.getElementById(id);
}
window.onload = function(){
var aa = $('aa'),bb = $('bb'), cc = $('cc'), dd = $('dd'), oForm = document.forms[0];
oForm.onclick = function(){
if(aa.checked && bb.checked){
cc.style.display = 'inline';
cc.value = '';
cc.onfocus = function(){
dd.style.display = 'inline'
}
}
}
}<form action="" method="get">
<input name="" type="checkbox" id="aa" value="" checked="checked"/>aaaaaa<br />
  <input name="" type="text" id="cc" style="display:none"/>
  <span id="dd" style="display:none">ddddddddddddddddddd</span><br />
  <input name="" type="checkbox" value="" id="bb"/>bbbbbb
</form>
不知道这是不是你想要的效果。写得不好。