https://legacy.forums.gravityhelp.com/topic/jquery-radiobutton Gravity Support Forums Topic: jQuery radiobutton en-US Sun, 19 Apr 2026 23:22:34 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/jquery-radiobutton#post-95702 Mon, 26 Nov 2012 10:48:36 +0000 David Peralty 95702@https://legacy.forums.gravityhelp.com/ <p>Thanks richardvav! </p> https://legacy.forums.gravityhelp.com/topic/jquery-radiobutton#post-95667 Mon, 26 Nov 2012 09:02:33 +0000 Richard Vav 95667@https://legacy.forums.gravityhelp.com/ <p>No problem, glad you got it working </p> https://legacy.forums.gravityhelp.com/topic/jquery-radiobutton#post-95623 Mon, 26 Nov 2012 06:17:23 +0000 Ketiga 95623@https://legacy.forums.gravityhelp.com/ <p>Works like a charm!</p> <p>Thank you very much, this is great :) </p> https://legacy.forums.gravityhelp.com/topic/jquery-radiobutton#post-95601 Mon, 26 Nov 2012 05:58:33 +0000 Richard Vav 95601@https://legacy.forums.gravityhelp.com/ <p>You don't really need the html fields to open and close a div around your radio button field, all you need is to find out the id's for the ul that contains your radio buttons so in the example below I am defining inputs 10 and 13 of form 1 as jquery ui buttonsets</p> <p><code>$(document).ready(function(){$(&quot;#input_1_10,#input_1_13&quot;).buttonset();</code> </p> https://legacy.forums.gravityhelp.com/topic/jquery-radiobutton#post-95584 Mon, 26 Nov 2012 05:30:51 +0000 Ketiga 95584@https://legacy.forums.gravityhelp.com/ <p>The site isn't live yet, but I'll try and explain what I've done:</p> <p>At this point I am just wondering if I can get the radiobuttons to be more like buttons so on mobile devices you can click a larger area and navigating becomes a bit easier.</p> <p>Here's my code:</p> <pre><code>&lt;link rel=&quot;stylesheet&quot; href=&quot;http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css&quot; /&gt; &lt;script src=&quot;http://code.jquery.com/ui/1.9.1/jquery-ui.js&quot;&gt;&lt;/script&gt; &lt;script&gt; jQuery(document).ready(function() { jQuery( &quot;#radio_button&quot; ).buttonset(); }); &lt;/script&gt; &lt;form&gt; &lt;div id=&quot;radio_button&quot;&gt; &lt;input type=&quot;radio&quot; id=&quot;button1&quot; name=&quot;test&quot; /&gt;&lt;label for=&quot;button1&quot;&gt;button1&lt;/label&gt; &lt;input type=&quot;radio&quot; id=&quot;button2&quot; name=&quot;test&quot; /&gt;&lt;label for=&quot;button2&quot;&gt;button2&lt;/label&gt; &lt;/div&gt; &lt;/form&gt;</code></pre> <p>This works perfectly when just copied and pasted in a wordpress page.</p> <p>When I try and use the very same code in a gravity form though it doesn't.</p> <p>The only change I make is that I put this part:</p> <pre><code>&lt;div id=&quot;radio_button&quot;&gt; &lt;/div&gt;</code></pre> <p>In html blocks before and after my radiobutton fields.</p> <p>Why wouldn't this work? </p> https://legacy.forums.gravityhelp.com/topic/jquery-radiobutton#post-95352 Sun, 25 Nov 2012 14:33:01 +0000 Richard Vav 95352@https://legacy.forums.gravityhelp.com/ <p>Hi Bart,</p> <p>Could you post a link to the page your form is on, so we can get a look at what you have so far and where the problem may be </p> https://legacy.forums.gravityhelp.com/topic/jquery-radiobutton#post-95169 Sat, 24 Nov 2012 14:17:59 +0000 Ketiga 95169@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>I am trying to make my gravity forms radio buttons (and checkboxes) to look like this jQuery example:</p> <p><a href="http://jqueryui.com/button/#radio" rel="nofollow">http://jqueryui.com/button/#radio</a></p> <p>I can't get it to work though. I does work when I use pure html but not in combination with the gravity forms radiobuttons.</p> <p>Really would appreciate someone pointing me in the right direction or providing a working example in Gravity Forms.</p> <p>Cheers,</p> <p>Bart </p>