How do I make it so that when you click on the question or text next to a radio button, it doesnt change the value of the button?

Question

You can see the form I am asking about located at http://mwforms.miworksmo.org/dvop-app.

I would like users to be able to highlight text, or click near text with the mouse without the answer changing in the radio box. (request came from beta testers)

GreyHead · Accepted Answer

Hi Moorear,

I'd never noticed that behaviour before - apparently it's there to enable mobile use and is a default for most browsers.

I Googled around and was able to block it with this JavaScript:

jQuery(document).ready(function(jQ) {
  // block the click
  jQ('.gcore-label-checkbox').click(function () {
    window.returnValue = false;
    return window.returnValue;
  });
  // block the 'pointer' cursor
  jQ('.gcore-label-checkbox').css('cursor', 'default');
});

Bob

Forums

How do I make it so that when you click on the question or text next to a radio button, it doesnt change the value of the button?