如何在jQuery中为p：selectOneButton触发单击事件

Question

I'm using PF 5.3, with JSF 2.2 and jQuery of PrimeFaces 5.3 (v1.11.3)

In client side script, I want to trigger click event of p:selectOneButton , so it is same if a human select a choice in the browser.

xhtml:

<h:form id="register_new_student" enctype="multipart/form-data" >
  <p:selectOneButton id="newStudentGender" value="#{newStudentPresentation.newPerson.gender}">
    <f:selectItem itemLabel="Male" itemValue="Male" />
    <f:selectItem itemLabel="Female" itemValue="Female" />
  </p:selectOneButton>
</h:form>

jQuery code:

$(PrimeFaces.escapeClientId('register_new_student:newStudentGender:0')).trigger('click.selectOneButton');

But this jQuery code didn't work, any help?

Answer 1

Try this :

$('#register_new_student\\:newStudentGender\\:0').click();

With PrimeFaces escaping function would be like this:

$(PrimeFaces.escapeClientId('register_new_student:newStudentGender:0')).click();

// the ( \\\\:) on the selector id is to escape the special character : as jQuery states see http://api.jquery.com/category/selectors/

Answer 2

go for the ID

 function Logme(){ $("#logSpan").html('clicked'); } $("#newStudentGender").trigger("click"); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button type="button" onclick="Logme()" id="newStudentGender">Click</button> <span id="logSpan">Not clicked</span>