How to disable Radio Buttons (fetched from a Picklist Field) on a Visualforce page?

Question

I'm trying to display Picklist field as Radio buttons on Visualforce page. On selection of any radio button, how to make other buttons disabled?

For instance there is a field by named "Lead Source" on Contact Object with LOVs as Web, Phone Inquiry, Partner Referral, Purchased List, Other.

Once the user selects "Web", rest of the radio buttons has to be disabled.

Page:

<apex:page standardController="Contact" extensions="DisableRadioButton">
<apex:form>
    <apex:pageBlock>
        <apex:pageBlockSection>
            <apex:selectRadio value="{!Contact.LeadSource}">
                    <apex:selectoptions value="{!types}"></apex:selectoptions>
             </apex:selectRadio>
        </apex:pageBlockSection>
    </apex:pageBlock>
</apex:form>

Controller:

public class DisableRadioButton{

public DisableRadioButton(ApexPages.StandardController controller) {

}
    public List<SelectOption> getTypes(){
        Schema.sObjectType sobject_type = contact.getSObjectType();

        Schema.DescribeSObjectResult sobject_describe = sobject_type.getDescribe();

        Map<String, Schema.SObjectField> field_map = sobject_describe.fields.getMap();

        List<Schema.PicklistEntry> pick_list_values = field_map.get('LeadSource').getDescribe().getPickListValues();

        List<selectOption> options = new List<selectOption>();

       for (Schema.PicklistEntry a : pick_list_values) {
                  options.add(new selectOption(a.getLabel(), a.getValue()));
            }
        return options;

    }
}

I have referred few solutions by using actionsupport and jQuery, but in all those there were two different fields, based on selection of one field the other field can be disabled. In my case Lead Source is one field and LOVs are radio buttons.

Any approach that can anyone suggest?

Answer 1

One solution is to use isDisabled property of SelectOption class. Check the SelectOption Constructors detail page, there is a constructor which can take 3 arguments (value, label, isDisabled). So if you set the value as true, the user can't select this radio option.

You can use this constructor to make this option as Conditional Read-Only.

Some code example

public List<SelectOption> getItems() {
    List<SelectOption> options = new List<SelectOption>();
    Boolean condition = false;
    if(condition){
       options.add(new SelectOption('US','US',true));
    }else{
        options.add(new SelectOption('US','US'));
    }
    options.add(new SelectOption('CANADA','Canada'));
    options.add(new SelectOption('MEXICO','Mexico'));
    return options;
}

Answer 2

Based on your comments, trehe Community User's Profile should have the visibility setting on this field set to not visibile or to read-only in order to solve this issue. You don't need to do anything special in your controller. Go to the OWD for external users to make the changes.

EDIT:

To make the field conditionally read only, in your markup, you should be able to use something like:

<apex:selectRadio value="{!Contact.LeadSource}" visible="{!disableRadio}">

In your controller, add the following:

public static Boolean disableRadio { ;private set}

In the getTypes() method, change the following:

       List<selectOption> options = new List<selectOption>();

       for (Schema.PicklistEntry a : pick_list_values) {
              options.add(new selectOption(a.getLabel(), a.getValue()));
          }
       if(Contact.LeadSource = 'Web'){
           disableRadio = true;
       }else{
           disableRadio = false;
       }

       set disableradio;

       return options;

   }