https://legacy.forums.gravityhelp.com/topic/checkbox-default-statusselectedbug Gravity Support Forums Topic: Checkbox default status=selected...bug? en-US Mon, 20 Apr 2026 02:50:00 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/checkbox-default-statusselectedbug#post-69497 Sat, 04 Aug 2012 10:56:33 +0000 Chris Hajer 69497@https://legacy.forums.gravityhelp.com/ <p>Outstanding. I'm glad you were able to make that work Congratulations. </p> https://legacy.forums.gravityhelp.com/topic/checkbox-default-statusselectedbug#post-69465 Sat, 04 Aug 2012 02:36:37 +0000 Ketiga 69465@https://legacy.forums.gravityhelp.com/ <p>yes, it's working for each individual set of checkboxes now as well. </p> https://legacy.forums.gravityhelp.com/topic/checkbox-default-statusselectedbug#post-69453 Fri, 03 Aug 2012 22:31:21 +0000 Chris Hajer 69453@https://legacy.forums.gravityhelp.com/ <p>That sounds pretty good. Is it working for you now? </p> https://legacy.forums.gravityhelp.com/topic/checkbox-default-statusselectedbug#post-69119 Thu, 02 Aug 2012 08:50:04 +0000 Ketiga 69119@https://legacy.forums.gravityhelp.com/ <p>Ok, I think I got it working.</p> <p>First I created the select all checkbox with an HTML block as you suggested<br /> <pre><code>&lt;input type=&quot;checkbox&quot; id=&quot;selectall&quot; value=&quot;Select All&quot; /&gt;</code></pre> <p>Then I used this code in the javascript file<br /> (change the input numbers so they match your form inputs)</p> <pre><code>var $j = jQuery.noConflict(); $j(document).ready(function(){ // add multiple select / deselect functionality $j(&quot;#selectall&quot;).click(function () { $j(&quot;input[name^=&#39;input_3.&#39;]&quot;).attr(&#39;checked&#39;, this.checked); }) // if all checkbox are selected, check the selectall checkbox // and viceversa $j(&quot;input[name^=&#39;input_3.&#39;]&quot;).click(function(){ if($j(&quot;input[name^=&#39;input_3.&#39;]&quot;).length == $j(&quot;input[name^=&#39;input_3.&#39;]:checked&quot;).length) { $j(&quot;#selectall&quot;).attr(&quot;checked&quot;, &quot;checked&quot;); } else { $j(&quot;#selectall&quot;).removeAttr(&quot;checked&quot;); } }) })</code></pre> <p>In the theme funtions.php file I only changed my form number.</p> <p>Cheers! </p> https://legacy.forums.gravityhelp.com/topic/checkbox-default-statusselectedbug#post-68726 Tue, 31 Jul 2012 08:28:21 +0000 Ketiga 68726@https://legacy.forums.gravityhelp.com/ <p>Ok, I'm not entirely sure why but using your code with the jquery noconflict stuff :)<br /> I managed to get it working with HTML:</p> <p><a href="http://ketiga.nl/checkboxes-test/" rel="nofollow">http://ketiga.nl/checkboxes-test/</a></p> <p>Now I need it to work with form checkboxes instead of a HTML code block.</p> <p>Any ideas? </p> https://legacy.forums.gravityhelp.com/topic/checkbox-default-statusselectedbug#post-68723 Tue, 31 Jul 2012 08:15:51 +0000 Ketiga 68723@https://legacy.forums.gravityhelp.com/ <p>While searching Google I found this code:</p> <p><a href="http://viralpatel.net/blogs/multiple-checkbox-select-deselect-jquery-tutorial-example/" rel="nofollow">http://viralpatel.net/blogs/multiple-checkbox-select-deselect-jquery-tutorial-example/</a></p> <p>This seems to do exactly what I need, but I can't get it to work with Gravity Forms... </p> https://legacy.forums.gravityhelp.com/topic/checkbox-default-statusselectedbug#post-68712 Tue, 31 Jul 2012 03:43:43 +0000 Ketiga 68712@https://legacy.forums.gravityhelp.com/ <p>Or maybe some hidden value that gets passed only in case all boxes are checked would work as well...I need a way to really tell when all boxes are checked. So when I select all but uncheck a couple of boxes, this value should change.</p> <p>Hope this makes sense... </p> https://legacy.forums.gravityhelp.com/topic/checkbox-default-statusselectedbug#post-68710 Tue, 31 Jul 2012 03:32:27 +0000 Ketiga 68710@https://legacy.forums.gravityhelp.com/ <p>Hi Chris,</p> <p>Thank you. This worked instantly, great!<br /> Like you mentioned I need a way to select individual groups of checkboxes. Since I am not familiar with jquery (and I have a little trouble understanding the syntax) can you show me how to do this?</p> <p>I also still need to be able to use the built in css classes to devide my boxes for instance into 3 or 4 columns.</p> <p>Also, once you have used the button to select all the boxes, I need a way to toggle the status of the button back from 'unselect all' to 'select all' once you decide to manually uncheck one of the boxes in the group.</p> <p>Thanks a lot so far! </p> https://legacy.forums.gravityhelp.com/topic/checkbox-default-statusselectedbug#post-68613 Mon, 30 Jul 2012 14:51:01 +0000 Chris Hajer 68613@https://legacy.forums.gravityhelp.com/ <p>Take a look at this sample form I put up, based on your 20-item list:<br /> <a href="http://gravity.chrishajer.com/select-all-with-jquery/" rel="nofollow">http://gravity.chrishajer.com/select-all-with-jquery/</a></p> <p>I added this HTML block to the form after my list of checkboxes:</p> <pre><code>[html] &lt;input type=&quot;button&quot; class=&quot;check&quot; value=&quot;Select All&quot; /&gt;</code></pre> <p>That puts a "Select All" button after the checkbox list.</p> <p>Then, I created this script to provide the check/uncheck all functionality:<br /> <pre><code>[js] var $j = jQuery.noConflict(); $j(document).ready(function(){ $j(&#39;.check:button&#39;).toggle(function(){ $j(&#39;input:checkbox&#39;).attr(&#39;checked&#39;,&#39;checked&#39;); $j(this).val(&#39;Unselect All&#39;) },function(){ $j(&#39;input:checkbox&#39;).removeAttr(&#39;checked&#39;); $j(this).val(&#39;Select All&#39;); }) })</code></pre> <p>That will toggle back and forth between "Select All" and "Unselect All". I unchecked the boxes in the form builder by default, and have the button saying "Select All".</p> <p>I saved that script to a file called "select-all.js" in my child theme's <strong>js</strong> folder.</p> <p>To include that script on the page where this form is in use (form 108), I added this to my theme's functions.php:</p> <pre><code>[php] add_action(&#39;gform_enqueue_scripts_108&#39;, &#39;enqueue_select_all_script&#39;, 10, 2); function enqueue_select_all_script($form, $is_ajax) { wp_enqueue_script(&#39;select_all_script&#39;, get_stylesheet_directory_uri() . &#39;/js/select-all.js&#39;, array(&#39;jquery&#39;)); }</code></pre> <p>That will load my script on any page with form 108 present, and handles the jQuery dependency. Change the "108" to your form ID.</p> <p>This can be extended if you need, for multiple checkbox lists (right now, it will toggle all check boxes on the form.) You can give a CSS Class name to individual groups of checkboxes if you have more than one group on a form, then add an individual button after each group, and extend the script to target just the specific group of checkboxes you want.</p> <p>Let me know if you have any questions with implementation. Thanks. </p> https://legacy.forums.gravityhelp.com/topic/checkbox-default-statusselectedbug#post-68504 Mon, 30 Jul 2012 03:43:20 +0000 Ketiga 68504@https://legacy.forums.gravityhelp.com/ <p>Thanks, but I don't think this issue is related other than something's going wrong with the tenth checkbox :)</p> <p>In my case every tenth checkbox loses its default selected state when used in combination with conditional logic.</p> <p>I have e-mailed you my export of the form.</p> <p>Thanks for helping out! </p>