Skip to main content

This content has been archived and is no longer being updated. Links may not function; however, this content may be relevant to outdated versions of the product.

Support Article

Radio button selection changes when radio button text is clicked

SA-46627

Summary



Radio button selection changes on clicking a radio button text from a different row.


Error Messages



Not Applicable


Steps to Reproduce

  1. Create a section with two radio buttons, Yes and No values
  2. Include this section in a field in the repeat grid
  3. Create a case 
  4. Select the radio button with value Yes in first row of the Grid
  5. In second row of the grid, click the radio button label No, not the radio button field. This changes the radio button selection of the first row to No from Yes.


Root Cause



The hierarchy or nested nature of the properties is different. As a result, only the child property is considered for the ID. Hence, all the radio buttons in this use case have the same ID, and clicking any label toggles the state of the first radio button.


Resolution



Perform the following local-change:

1. Add the below script to userWorkForm. <script> 
/* Fire the right radio button on click of label *&nbsp;
function fireRadioButtons() { 
$('.myclass label[for]').click(function(e) { 
// Prevent default action of auto firing 
e.preventDefault(); 
var labelID = $(this).attr('for'); 
// Look for the closest input 
$(this).siblings($("[id=" + labelID)).click(); 
}); 

/* When the DOM is loaded invoke harness_execute *&nbsp;
$(function() { 
// Attach to harness onloads 
var e = window.event
pega.u.d.harness_execute(fireRadioButtons, true, e); 
}); 
</script>

2. Include the 'myclass' style element defined above to the radio buttons.




 
Suggest Edit

Published March 22, 2018 - Updated October 8, 2020

Did you find this content helpful? Yes No

66% found this useful

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.

We'd prefer it if you saw us at our best.

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us