https://legacy.forums.gravityhelp.com/topic/where-to-add-the-jquery-code Gravity Support Forums Topic: Where to add the JQuery code en-US Sat, 04 Apr 2026 18:47:52 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/where-to-add-the-jquery-code#post-56569 Wed, 25 Apr 2012 17:28:23 +0000 gcollignon 56569@https://legacy.forums.gravityhelp.com/ <p>Thanks Rob, I saw the working example but if I change the number to 4 I am still limited only to check 3 checkboxes. I was thinking on adding a dropdown with the number. I'd like to explain the reason why I am trying to do this, I am building an "order Pizza" the problem is that there are so many variations. Like first number of pizzas to order, second each pizza can be different then each one has a different price after that you need to select the number of ingredients (each extra ingredient also costs extra but it is a different price depending on the size of pizza) Now here where I ma using the limit checkboxes I am adding a dropdown asking for the number of ingredients and once they select the number then they will only be able to check those boxes. 4 ingredients will only allow them to select 4 checkboxes. Which takes me to the next problem every ingredient can be on the right half, the left half or the whole pizza. If one is selected as half then they have the right to add another half (it has been a nightmare for me honestly) </p> https://legacy.forums.gravityhelp.com/topic/where-to-add-the-jquery-code#post-56543 Wed, 25 Apr 2012 15:27:57 +0000 Rob Harrell 56543@https://legacy.forums.gravityhelp.com/ <p>OK, so to do this, add your number field and give it a default value in the Advanced Tab of the field (you can then set this to be admin only for visibility). Find the ID of each field (on the number input and the dropdown ul by inspecting your form code).</p> <p>Your resulting jQuery would be this:</p> <pre><code>jQuery.noConflict(); jQuery(document).ready(function($) { value = $(&quot;#input_85_1&quot;).val(); $.fn.limit = function(n) { var self = this; this.click(function(){ return (self.filter(&quot;:checked&quot;).length&lt;=n); }); } $(&quot;ul#input_85_2 li input:checkbox&quot;).limit(value); });</code></pre> <p>See this <a href="http://www.evernote.com/shard/s212/sh/81533a60-0e4d-45fe-8d47-b48845c603c8/386f4933699374e924111c9c50ff35f7" rel="nofollow">Screenshot</a> to show you how to find IDs. This is using Google Chrome Developer Tools, which is built-in to the browser. So in the jQuery above you would just replace the value line with the number field ID and then the second ul ID further down with the checkboxes ID.</p> <p>You can see a working example <a href="http://dev.outerhavenstudios.com/limit-form/" rel="nofollow">here</a> </p> https://legacy.forums.gravityhelp.com/topic/where-to-add-the-jquery-code#post-56541 Wed, 25 Apr 2012 15:18:10 +0000 David Peralty 56541@https://legacy.forums.gravityhelp.com/ <p>I'm sorry, I'm not a JavaScript expert by any means. As for finding out the ID, if you view the source of your form, it should show up as a class that you can then grab and put into your script. </p> https://legacy.forums.gravityhelp.com/topic/where-to-add-the-jquery-code#post-56536 Wed, 25 Apr 2012 14:51:58 +0000 gcollignon 56536@https://legacy.forums.gravityhelp.com/ <p>BTW Is there a post that talks about how to find the "input_1_15" where do I get this from?</p> <p>Thanks again </p> https://legacy.forums.gravityhelp.com/topic/where-to-add-the-jquery-code#post-56535 Wed, 25 Apr 2012 14:45:15 +0000 gcollignon 56535@https://legacy.forums.gravityhelp.com/ <p>This is wonderful thanks, I have another question if you could please help me, In this same code can the limit # be variable. I mean can I create a drop down field with numbers and the number on that field is the limit #. How would that work?</p> <p>I was thinking something like this:</p> <p>&lt;script type="text/javascript"&gt;<br /> jQuery.noConflict();<br /> jQuery(document).ready(function($) {<br /> $.fn.limit = function(n) {<br /> var self = this;<br /> this.click(function(){ return (self.filter(":checked").length&lt;=n); });<br /> }<br /> $("ul#input_1_15 li input:checkbox").limit("ul#input_1_15 li input:select");<br /> });<br /> &lt;/script&gt; </p> https://legacy.forums.gravityhelp.com/topic/where-to-add-the-jquery-code#post-56500 Wed, 25 Apr 2012 10:20:00 +0000 Kevin Flahaut 56500@https://legacy.forums.gravityhelp.com/ <p>David's on the money as always.. this might help for future reference as well.</p> <p><a href="http://www.gravityhelp.com/documentation/page/Where_Do_I_Put_This_Code%3F" rel="nofollow">http://www.gravityhelp.com/documentation/page/Where_Do_I_Put_This_Code%3F</a> </p> https://legacy.forums.gravityhelp.com/topic/where-to-add-the-jquery-code#post-56498 Wed, 25 Apr 2012 10:08:02 +0000 David Peralty 56498@https://legacy.forums.gravityhelp.com/ <p>You'll be looking to add it to the header of your theme file. Making sure to change the input_1_15 li to target the input number of your checkbox that you want to control. </p> https://legacy.forums.gravityhelp.com/topic/where-to-add-the-jquery-code#post-56496 Wed, 25 Apr 2012 10:05:34 +0000 gcollignon 56496@https://legacy.forums.gravityhelp.com/ <p>Hi I would like to use Kevin´s solutions to this post <a href="http://www.gravityhelp.com/forums/topic/limiting-the-amount-of-checkboxes-that-can-be-checked" rel="nofollow">http://www.gravityhelp.com/forums/topic/limiting-the-amount-of-checkboxes-that-can-be-checked</a> can someone please help me telling me how and where to add the code he provided?</p> <p>Thanks </p>