关于文本框一开始灰色不可用点击复选框之后可用

function f1(chk){
 var t = document.getElementById("birthday");
 t.disabled = !chk.checked;   //文本框初始设为disabled，获取文本框ID后取消disabled状态
 
 document.getElementById('birthday').focus();//这个是鼠标光标聚焦，当点击checkbox后光标出现在文本框内
 

 }

<input type=checkbox style="width: 20px; height: 20px"id="box2" οnclick="f1(this,'box1')">
<inputtype=text name="date" id="birthday" disabled="disabled"onClick="showCalendar(this.id)">