复选框和按钮启用

Question

我有两个复选框，下面有两个按钮：

<tr>
  <form ACTION="jspCheckBox.jsp">
    SC Information Received  <input type="checkbox"  value="SC Information received">   
    Validation Begun <input type="checkbox"  value="Validate">
  </form>
</tr>
<tr>
  <td valign="middle" align="left" style="padding-left:10px;" nowrap>
    <button type="button" class="btn" name="btnApprove" onclick="approve();">Approve</button>
  </td>
  <td>
    <button type="button" class="btn" name="btnDeny" onclick="deny();">Deny</button>
  </td>
</tr>

首次打开页面时，应启用第一个复选框，但应禁用另一个复选框和两个按钮。

随后，当用户选中第一个复选框时，第一个复选框应该被禁用，第二个复选框应该被启用。 （此时按钮应保持禁用状态。）

最后，当用户选中第二个复选框时，第二个复选框将被禁用，并且两个按钮都应启用。

显然这需要JavaScript。