Search jQuery

jQuery Forum

jQuery Mobile

lammie71

JQuery Mobile Radio Button issue.

in jQuery Mobile • 7 years ago

Hi, I have run into a small problem with the following:

https://jsfiddle.net/a4poster/1t1q7w0z/3/

Basically what should happen is that the user can select the radio buttons and when the user hits the 'RESET GRID' button the matrix is reset.

On previous versions this was working fine but now I can get it to work.

Also, how would I then disable the pink_4th button on its own.

Thanks in advance.

Replies(6)

watusiware

Re: JQuery Mobile Radio Button issue.

7 years ago

https://jsfiddle.net/1t1q7w0z/5/

The code you posted wouldn't work with ANY version of jQuery Mobile.

The selectors for the inputs were wrong.

$(' #input[type="radio"]').attr('checked', false).checkboxradio('refresh', true);

$(' #input[type="radio"]').attr('disabled', false).checkboxradio('refresh', true);

# selects an ID. You have nothing with ID "input".

lammie71

Re: JQuery Mobile Radio Button issue.

7 years ago

Hi again, I have updated the JSFiddle again as I am still having problems - https://jsfiddle.net/a4poster/1t1q7w0z/7/

When the document is ready I want to reset the grid via the $fn_resetGrid() function - this will then in turn enable the button on the home page to allow the user to transition to the grid.

One other thing how would I disable a row but leave one button checked (even though it is disabled) and disable a column?

Thanks for your time.

watusiware

Re: JQuery Mobile Radio Button issue.

7 years ago

You ought to know by now that $(document).ready() isn't useful with jQuery Mobile. You should use page event callbacks. I assumed you only used it because you just made a one-page demo, and then it's convenient and in that one case it will "work" so long as your code doesn't depend on the widgets having been initialized.

Pages are not documents! The document is "ready" once and only once! And when the document is ready, none of the pages have been initialized yet.

To disable a column, you can give all the radio buttons in a column the same CSS class, and select on the class.

lammie71

Re: JQuery Mobile Radio Button issue.

7 years ago

Thanks for the reply, I can see why it is not working now - although I am still at a loss on how I should get it working.

Thanks for your patience.

watusiware

Re: JQuery Mobile Radio Button issue.

7 years ago

You might want to use one of these.

pagecreate is once for each page, after it's widgets have been enhanced.

pagebeforeshow is each time a page is shown. (If you use a multi-page document, or retain a page using data-dom-cache, it might be shown more than once, depending on your navigation.)

http://api.jquerymobile.com/pagecreate/

http://api.jquerymobile.com/pagebeforeshow/

http://api.jquerymobile.com/pagecontainer/#event-beforeshow