Hi Guys,
I知 pretty new when it comes to JavaScript so please bear with me.

I知 developing a simple form that consists of multiple checkboxes but I only want the user to have the ability to check just one. How would I do that? Here痴 what I have so far.

I appreciate any help anyone can give me!

Thanks

Code:
<style>
.DivVisibility {
	display: none;
}
</style>

<script type="text/javascript">
<!--
    function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }
//-->
</script>
</head>

<body>
<form runat="server" id="step1"  name="step1" class="step1" method="post">
  <div id="DivMain">
    <div id="TableTimekeepingMethod">
      <table id="TableTimekeepingMethod">
        <tr>
          <td>Timekeeping Method</td>
        </tr>
        <tr>
          <td><input type="checkbox" id="ComputerClockInOut" name="Computer Clock In Out">
            Computer Clock In/Out</td>
        </tr>
        <tr>
          <td><input type="checkbox" id="ComputerManualTimeSheet" name="Computer Manual Time Sheet">
            Computer Manual Time Sheet</td>
        </tr>
        <tr>
          <td><table id="TablePhysicalClockandQuantity" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><input type="checkbox" id="PhysicalClockandQuantity" name="Physical Clock and Quantity" onclick="toggle_visibility('DivClockQuantity'); toggle_visibility('DivClockType');">
              	Physical Clock & Quantity </td>
              <td><div id="DivClockQuantity" class="DivVisibility"><input type="textbox" id="ClockQuantity" name="Clock Quantity" value="Enter Quantity" /></div></td>
            </tr>
          </table></td>
        </tr>
      </table>
    </div>
  </div>
</form>