https://legacy.forums.gravityhelp.com/topic/automatically-change-value-of-multiple-radio-buttons Gravity Support Forums Topic: Automatically change value of multiple radio buttons en-US Sun, 19 Apr 2026 22:07:13 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/automatically-change-value-of-multiple-radio-buttons#post-60908 Wed, 30 May 2012 23:24:49 +0000 Jonnya 60908@https://legacy.forums.gravityhelp.com/ <p>Dang it! Anyone got any ideas on how to fix this please - my js above controls the multiple radio button sets perfectly - UNTIL you are also doing conditional display of fields controlled by said radio buttons... you have to click on the radio button twice to trigger the conditional display of the field;( </p> https://legacy.forums.gravityhelp.com/topic/automatically-change-value-of-multiple-radio-buttons#post-60703 Tue, 29 May 2012 22:36:53 +0000 Jonnya 60703@https://legacy.forums.gravityhelp.com/ <p>If anyone else comes across this issue, here was my Javascript solution - works perfect for my radio buttons. Hope it helps someone else out - also works with multi-part forms!</p> <p>Basically this synchronizes fieldset values - so if you have multiple field sets down a page that all need to change if *one* is changed - this will do it. Although this was developed as a separate plugin, it should also work just fine in your theme functions file.</p> <pre><code>add_action(&#39;get_header&#39;, &#39;myplugin_gforms_multi_val_do&#39;); /* * JS to control radio buttons where required * //TODO: Change to required page(s) to include in right places * @since 1.0 */ function myplugin_gforms_multi_val_do() { if (is_page(&#39;my-form-page&#39;) || is_page(&#39;my-form-page-other&#39;)) { add_action(&#39;wp_enqueue_scripts&#39;, &#39;myplugin_gforms_multi_val_jq&#39;); add_action(&#39;wp_footer&#39;, &#39;myplugin_gforms_multi_val_js&#39;); } } /* * Insert JQuery to control radio buttons where required * @since 1.0 */ function myplugin_gforms_multi_val_jq() { wp_enqueue_script( &#39;jquery&#39; ); } /* * Insert JS to control radio buttons where required * //TODO: Change $target_vals array to required fields * @since 1.0 */ function myplugin_gforms_multi_val_js() { if (is_page(&#39;testing&#39;)) { $target_vals = array(&#39;blue&#39;,&#39;red&#39;,&#39;gold&#39;,&#39;purple&#39;); echo &quot;\n&quot;.&#39;&lt;script type=&quot;text/javascript&quot;&gt;&#39;; echo &quot;\n&quot;.&#39;jQuery.noConflict();&#39;; echo &#39;jQuery(document).ready(function($) {&#39;; foreach ($target_vals as $val) { echo &quot;$(&#39;[value=\&quot;&quot;.$val.&quot;\&quot;]&#39;).change(function(){&quot;; echo &quot;$(&#39;[value=\&quot;&quot;.$val.&quot;\&quot;]&#39;).prop(&#39;checked&#39;,true);&quot;; echo &quot;});&quot;; } echo &quot;});&quot;.&quot;\n&quot;; echo &quot;&lt;/script&gt;&quot;.&quot;\n&quot;; } }</code></pre> https://legacy.forums.gravityhelp.com/topic/automatically-change-value-of-multiple-radio-buttons#post-60438 Fri, 25 May 2012 22:20:35 +0000 Jonnya 60438@https://legacy.forums.gravityhelp.com/ <p>I've tried lots of different ways of doing this, but am having no luck at-all;( I would like to be able to have multiple sets of radio buttons as follows:</p> <p>radio buttons field 1:<br /> &lt;red&gt;&lt;blue&gt;&lt;green&gt;</p> <p>radio buttons field 2: (further down form)<br /> &lt;red&gt;&lt;blue&gt;&lt;green&gt;</p> <p>radio buttons field 3: (even further down form!)<br /> &lt;red&gt;&lt;blue&gt;&lt;green&gt;</p> <p>When someone clicks &lt;red&gt; in any of the 3 fields above, I'd like the ALL of the radio buttons in each field set to change to 'red' wherever they appear on the form.</p> <p>I'm guessing this could be done with JQuery (already loaded on page) - but unfortunately I just can't work out how to do it (I'm a n00b at javascript...sorry!)</p> <p>I did try and setup multiple conditional displays of the radio button fields with the correct option selected - but the above is a very simplified example - and it was getting crazy with the amount of form fields I had (and I got some strange things happening) - this is not going to work for me.</p> <p>I certainly think JQuery could be the way forward on this targeting the field ID's but I just have no idea of where to start - any help would be appreciated thank you! </p>