Sunday, 18 May 2014

How to Select / Deselect All Checkboxes using jQuery



If you are newbie developer and looking for a quick jQuery snippet that selects and deselects multiple checkboxes by clicking “Select All” checkbox (exactly like in ymail), here’s one that might be useful for your HTML form. I've used this one in various occasions and it has proved to be very consistent every time.

As you can see in the picture below, we have multiple checkboxes, and we want toggle the select state of checkboxes when we click “Select All” box.

checkbox

Processing Multiple Forms on One Page with PHP

I know that the way most people treat multiple forms on one page is to have each form post to another PHP file where the form is validated, its information is entered into a database or an email is sent off. So you usually have something like this:

<form name="contact-form" method="post" action="contact.php"> blah blah blah </form> <form name="maillist" method="post" action="mailer.php"> blah blah blah </form>
That work great, but why would you create all those extra files when you can just have the form post to the same file and create multiple functions to process your multiple forms.

The solution is very simple and super efficient.
First, lets create some forms.

<form name="mailinglist" method="post"> <input type="text" name="email" /> <input type="submit" name="mailing-submit" value="Join Our Mailing List" /> </form> <form name="contactus" method="post"> <input type="text" name="email" /> <input type="text" name="subjet" /> <textarea name="message"></textarea> <input type="submit" name="contact-submit" value="Send Email" /> </form>

Now lets put some PHP code before the <head> tag to have different processes for each form.

<?php if (!empty($_POST['mailing-submit'])) { //do something here; } if (!empty($_POST['contact-submit'])) { //do something here; } ?>
Now all you need to do is create your processes within those two “if” statements and each form will be dealt with accordingly when it it filled and submitted.