Solved

Count checkboxes

Posted on 2013-01-23
3
256 Views
Last Modified: 2013-01-24
I have four checkboxes, but not allow none or all to be checked.

<!DOCTYPE html>
<html>
<body>

<form action="">
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car<br>
<input type="checkbox" name="vehicle" value="House">I have a house<br>
<input type="checkbox" name="vehicle" value="Cat">I have a cat <br>
</form>

</body>
</html>
0
Comment
Question by:rgbcof
3 Comments
 
LVL 22

Accepted Solution

by:
Mrunal earned 250 total points
ID: 38813246
Here is your solution:

$('#btnSubmit').click(function(){
    alert('Total : ' + $('#CHKContainer input:checkbox').length);
    alert('Checked : ' + $('#CHKContainer input:checkbox:checked').length);
	//your code here    
});

Open in new window



Reference:

http://jsfiddle.net/HfnqG/
0
 
LVL 3

Assisted Solution

by:Khilu
Khilu earned 250 total points
ID: 38813260
Here is detailed solution

http://jsfiddle.net/rRZfn/1/

var countChecked = function() {
var n = $( "input:checked" ).length;
    if(n==0)
    {
        alert("Please select least one check box");
    }
    
    if( $( "input:checkbox").length== n)
    {
        alert("Can not select all check box")
    }

};

countChecked();

$( "input[type=checkbox]" ).on( "click", countChecked );

Open in new window

0
 
LVL 10

Expert Comment

by:Monica P
ID: 38813299
var formobj = document.forms[0];

var counter = 0;
Try to findout selected value like this

for (var j = 0; j < formobj.elements.length; j++)
{
    if (formobj.elements[j].type == "checkbox")
    {
        if (formobj.elements[j].checked)
        {
            counter++;
        }
    }      
}

alert('Total Checked = ' + counter);


With jQuery you can:

$("input:checkbox:checked").length;
alert($('form input[type=checkbox]:checked').size());
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

932 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

13 Experts available now in Live!

Get 1:1 Help Now