Set a limit on checkbox and when it reaches the limit submit button will show PHP & jQuery -


i want limit checkboxes , when reached limit submit button show, once submit button shows, , user disabled 1 of checkbox, submit button disabled.

here's code:

<?php  if (isset($_post['lol'])){   foreach ($_post["lol"] $pastry) {     if ($pastry=="cake") { //make sure option chose part of options :p      echo "<li>cake</li>";     }     if ($pastry=="pie") {      echo "<li>pie</li>";     }     if ($pastry=="cupcakes") {      echo "<li>cupcakes</li>";     }     if ($pastry=="brownies") {      echo "<li>brownies</li>";     }    }  }  ?>  <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>untitled document</title> <script type="text/javascript">  /*********************************************** * limit number of checked checkboxes script- javascript kit (www.javascriptkit.com) * notice must stay intact usage * visit javascript kit @ http://www.javascriptkit.com/ script , 100s more ***********************************************/  function checkboxlimit(checkgroup, limit){     var checkgroup=checkgroup     var limit=limit     (var i=0; i<checkgroup.length; i++){         checkgroup[i].onclick=function(){         var checkedcount=0         (var i=0; i<checkgroup.length; i++)             checkedcount+=(checkgroup[i].checked)? 1 : 0         if (checkedcount>limit){             alert("you can select maximum of "+limit+" checkboxes")             this.checked=false             }         }     } }  </script> </head>  <body> <form action="test.php" id="poll" name="poll" method="post">   <input type="checkbox" id='lol' name="lol[]" value="cake"> cake :d <br>   <input type="checkbox" id='lol' name="lol[]" value="pie"> pie <br>   <input type="checkbox" id='lol' name="lol[]" value="cupcakes"> cupcakes ^o^ <br>   <input type="checkbox" id='lol' name="lol[]" value="brownies"> brownies :d <br>   <input type="submit" value="vote">  </form>  <script type="text/javascript">  //syntax: checkboxlimit(checkbox_reference, limit) checkboxlimit(document.forms.poll.lol, 2)  </script> </body> </html> 

var elems = $('#poll input[type="checkbox"]'),     subm  = $('#poll input[type="submit"]').hide();  elems.on('change', function () {     var limit = 2,         _check = elems.filter(':checked').length;      if (_check == limit) {         subm.show();     }else if (_check > limit) {         alert("you can select maximum of " + limit + " checkboxes")         this.checked = false;     }else{         subm.hide();     } });

fiddle


Comments

Post a Comment

Popular posts from this blog

Change php variable from jquery value using ajax (same page) -

what i'm trying this: i've php global variable $currentid , simple jquery script check if there "id" (page) in hash of url , if yes wanted give value $currentid . i've been reading lot , notice shall use ajax i'm not managing it. my code is: <script type="text/javascript"> $(document).ready(function(){ if (parent.location.hash != '' ) { var thecurrentid = parent.location.hash.split('#')[1]; $.ajax({ url: 'my.php', //current page type: 'post', data: {theid: thecurrentid }, datatype: 'json', success: function () { } }); } // code here }); </script> could me please? thank in advance. php server side language, meaning once has sent data browser, php variables , data cannot changed... however, using ajax, can send request php page , change data in dom based on result. consider th...
Read more

Pull out data related to my apps from Android Play Store and iOS App Store -

i want pull out data related apps (ratings, reviews, etc) google play store , apple app store ? how can accomplish ? i have found open source apis google mentioned not reliable. also there paid apis (e.g. appfigures) available. has idea how able pull data these play stores ?? i looking direction on how can accomplish this. can suggest ? we (appfigures) have been working on developing infrastructure give ability reviews , bunch of other data points major app stores several years :] we make available via our api though may want check out.
Read more

How can I fetch data from a web server in an android application? -

i want retrieve data web server in android application, , don't know begin. should use web services? i recommend these tutorials: connect android php , mysql , json in android , php , mysqli i used these tutorials , managed trying working without difficulty. between them describe each step in how attempting @ each stage, android application, database , web server side , has information included can process , use received information the thing add connect android php , mysql tutorial makes use of mysql_ in php deprecated. better use mysqli why included third link. the basic outline of want this: 1) in android app make request server php script using class this: import java.io.bufferedreader; import java.io.ioexception; import java.io.inputstream; import java.io.inputstreamreader; import java.io.unsupportedencodingexception; import java.util.list; import org.apache.http.httpentity; import org.apache.http.httpresponse; import org.apache.http.namevaluepair...
Read more