We value your feedback.
Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!
Course Of The Month
5 days, 20 hours left to enrollBecome a Premium Member and unlock a new, free course in leading technologies each month.
Solved
Dynamic count of checkboxes in a table
Posted on 2012-12-23
I have a table that display a jquery checkbox at the end of every row. I would like to display the total number of checkboxes that are checked in the last row of the table. Here is the table:
Could someone please help me to understand how to keep track of the number of checkboxes that are checked? By the way, this needs to update itself with each checkbox that is changed.
Thank you.
<table border="1">
<tr>
<th></th>
<th style="vertical-align:middle;">Number</th>
<th style="text-align:left; vertical-align:middle;">Owner</th>
<th style="text-align:left; vertical-align:middle;">Address</th>
<th style="vertical-align:middle;">Code</th>
<th style="vertical-align:middle;">Class</th>
<th style="vertical-align:middle;">Filing Fee</th>
<th style="text-align:center; width:70px;">Review ?<br /><span style="text-decoration:underline; cursor:pointer;" onclick="select_all_com()">All</span>
<span style="text-decoration:underline; cursor:pointer;" onclick="select_none_com()">None</span></th>
</tr>
<?php foreach ($property['commercial'] as $key => $value): ?>
<tr>
<th><?php echo str_pad($row++, 2, '0', STR_PAD_LEFT); ?></th>
<td><a href= "<?php echo site_url() . "propertydetail/viewpropertydetail/" . $value['property#']; ?>"><?php echo Roll($value['property#']); ?></a></td>
<td style="text-align:left"><?php echo $value['Property Owner']; ?> </td>
<td style="text-align:left"><?php echo $value['Property Address']; ?></td>
<td style="text-align:middle" ><?php echo number_format($value['PC'],0); ?></td>
<td><?php echo $value['Class']; ?></td>
<td><?php echo money_format('$%.0i', 140); ?></td>
<td id="com" style="padding-left:23px;">
<input type="checkbox" name="file_com_appeal" class="com-checkbox" value="<?php echo $value['property#'] ?>">
</td>
</tr>
<?php endforeach; ?>
<th colspan="6" style="text-align:right; padding:1% 3% 1% 0%;"><h4>Total</h4></th>
<th><?php echo "NEED COUNT OF THE CHECKED CHECKBOXES HERE"; ?></th>
<th></th>
</table>
Could someone please help me to understand how to keep track of the number of checkboxes that are checked? By the way, this needs to update itself with each checkbox that is changed.
Thank you.
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
3 Comments
One of the attributes of a checkbox is checked which is boolean. A count of the number that are true will always yield the count. If you establish the count at load time, then just capture the click event that occurs whenever a checkbox is checked or unchecked. Then al you have to to is test the state and add or subtract one from the total. The total cell can contain a simple text input and you just update the value attribute from the javascript variable where you are keeping the count.
Don't try and do arithmetic with the input value because it is a string.
Cd&
Don't try and do arithmetic with the input value because it is a string.
Cd&
In addition to COBOdinosaur's solution here a code snippet on how to do it:
This is checking for a mouseup event on checkbox and then looks if checked is true or false. On true it adds one to total, if false it subtracts one on total and then it show the value in a text input with the name totalcheckboxes.
$(function(){
var total = 0;
$('input[type=checkbox]').live('mouseup', function(){
if ($(this).attr('checked') == true) {
total++;
} else {
total--;
}
$('input[name=totalcheckboxes]').val(total);
});
});
This is checking for a mouseup event on checkbox and then looks if checked is true or false. On true it adds one to total, if false it subtracts one on total and then it show the value in a text input with the name totalcheckboxes.
Featured Post
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
Suggested Solutions
| Title | # Comments | Views | Activity |
|---|---|---|---|
| Pass a js value to an html form | 5 | 42 | |
| Difference between Highcharts and Mapbox | 10 | 44 | |
| carousel control extend past the images | 9 | 26 | |
| Fix button to stay disable until user checks a checkbox as well | 2 | 21 |
An enjoyable and seamless user experience can go a long way on an eCommerce site. While a cohesive layout and engaging copy play roles in creating a positive user experience, some sites neglect aspects that seem marginal but in actuality prove very …
This article will inform Clients about common and important expectations from the freelancers (Experts) who are looking at your Gig.
The viewer will learn how to count occurrences of each item in an array.
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.
Suggested Courses
Course of the Month5 days, 20 hours left to enroll
734 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.