User allow to select only one checkbox on Vf page

Question

I've a VF page; in which i 've to allow user to select only one checkbox. when user select one checkbox, it should deselect another checkbox. i've to add row on vf as per requirement(as shown in img). how can i do this.

My VF page code ;

<apex:pageBlockSection title="Client Attendees" columns="1">

    <apex:outputPanel id="clientAttendeesPanel">
      <apex:variable var="iterator" value="{!0}"/>
      <apex:pageBlockTable value="{!clientAttendees}" var="attendee">

        <!-- Actions -->
        <apex:column headerValue="Actions" style="width:10px">
          <apex:commandLink onclick="if (window.confirm('Are you sure?')) onDeleteClientAttendee({!iterator}); return false;"
            styleClass="createLink">
            Del
          </apex:commandLink>
          <apex:variable var="iterator" value="{!iterator + 1}"/>
        </apex:column>

        <!-- Contact Name -->
        <apex:column headerValue="Contact Name" style="width:10px">
          <apex:inputField value="{!attendee.Contact_Name__c}" id="clientAttendee">
            <a href="javascript:openQuickCreateClientAttendee('{!$Component.clientAttendee}', '{!$Component.targetId}')" class="createLink">
              Create Client Attendee
            </a>
          </apex:inputField>
        </apex:column>

        <!-- Primary Client Attendee -->
        <apex:column headerValue="Primary Client Attendee">
          <apex:inputField value="{!attendee.Primary_Client_Attendee__c}" style="width:300px"/>
        </apex:column>
      </apex:pageBlockTable>
    </apex:outputPanel>

    <apex:pageBlockSectionItem >
      <apex:outputLink styleClass="createLink" onclick="onAddClientAttendee(); return false;">
        + Add another Client Attendee
      </apex:outputLink>
    </apex:pageBlockSectionItem>

  </apex:pageBlockSection>

VF page screen shot is

Answer 1

You can add an onchange event for the checkbox field to check the value of the checkbox, and uncheck all the other checkboxes if required:

<apex:inputField value="{!attendee.Primary_Client_Attendee__c}" style="width:300px" onchange="oneCheckbox(this);" />

---

<script>
function oneCheckbox(obj)
{
    if (obj.checked)
    {
        var inputs = document.getElementsByTagName("input");

        for (var i = 0; i < inputs.length; i++)
        {
            var oInput = inputs[i];
            if (oInput.type == "checkbox" && oInput.checked && oInput != obj)
            {
                oInput.checked = false; 
            }  
        }
    }

}
</script>

This script finds -every- checkbox field on the page and unchecks them as required, so if you have other checkboxes that shouldn't be checked you will need to add a more specific document selector.

HTH.