javascript - チェックボックスとボタンを有効にする

Question

2 つのチェックボックスと、その下に 2 つのボタンがあります。

<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>

ページを最初に開いたとき、最初のチェックボックスを有効にする必要がありますが、他のチェックボックスと両方のボタンを無効にする必要があります。

その後、ユーザーが最初のチェックボックスをオンにすると、最初のチェックボックスが無効になり、2 番目のチェックボックスが有効になります。(この時点では、ボタンは無効のままにしておく必要があります。)

最後に、ユーザーが 2 番目のチェックボックスをオンにすると、2 番目のチェックボックスが無効になり、両方のボタンが有効になります。

明らかに、これには JavaScript が必要です。