复选框控制菜单的问题

复选框ck1被选中时，菜单select2就显示，否则隐藏
 <input type="checkbox" name="ck1" id="ck1" onClick="javascript:if(this.checked){document.getElementById('select2').style.display='';}else{document.getElementById('select2').style.display='none'}">

问题是页面启动时，select2都显示。只有当ck1重新选择时才反映。
怎么使ck1默认没选择，select2默认隐藏？