Набор SelectOneRadio проверен на radioButton

Я хочу установить состояние, проверенное на p: selectOneRadio, используя javascript.

Мне удается это сделать, но это работает только с первым элементом в списке selectOneRadio, вот код.

<h:form id="formID">
    <p:outputPanel id="customPanel" style="margin-bottom:10px">
        <p:selectOneRadio id="customRadio" value="#{radioView.color}" layout="custom">
            <f:selectItem itemLabel="Red" itemValue="Red" />
            <f:selectItem itemLabel="Green" itemValue="Green" />
            <f:selectItem itemLabel="Blue" itemValue="Blue" />
        </p:selectOneRadio>

        <h:panelGrid columns="2" cellpadding="5" border="1">
            <p:radioButton id="opt1" for="customRadio" itemIndex="0" />
            <h:outputLabel for="opt1" value="Red" />

            <p:radioButton id="opt2" for="customRadio" itemIndex="1" />
            <h:outputLabel for="opt2" value="Green" />

            <p:radioButton id="opt3" for="customRadio" itemIndex="2" />
            <h:outputLabel for="opt3" value="Blue" />

            <p:commandButton value="select" ajax="true" onclick="selectRadios()" update="@form"/>
        </h:panelGrid>
    </p:outputPanel>
</h:form>

JavaScript

<script type="text/javascript">
    function selectRadios() {
        jQuery("input[name='formID:customRadio']:first").prop('checked', true);
    }
    ;
</script>

Когда я загружаю страницу и нажимаю кнопку commandButton, она проверяет первый переключатель и все в порядке, но я также хочу знать, как проверить два других.

Кроме того, если есть другой способ изменить состояние этой радиокнопки на проверенное без использования javascript, пожалуйста, дайте мне знать.

Спасибо за помощь.

-Кева