implement select all check boxes functionality in asp using javascript

Question

I have a table which displays students record in asp.Now a column in that table contains a check box and also a functionality to check all the check boxes would be provided at the top. How to do that using javascript?

post your mark up for table and checkbox.

Yograj Gupta
– Yograj Gupta

2012-09-07 05:25:00 +00:00
Commented Sep 7, 2012 at 5:25 — Yograj Gupta
– Yograj Gupta, Commented Sep 7, 2012 at 5:25

Sender · Accepted Answer · 2012-09-07 05:26:31Z

1

see demo

$(function(){

    // add multiple select / deselect functionality
    $("#selectall").click(function () {
          $('.case').attr('checked', this.checked);
    });

    // if all checkbox are selected, check the selectall checkbox
    // and viceversa
    $(".case").click(function(){

        if($(".case").length == $(".case:checked").length) {
            $("#selectall").attr("checked", "checked");
        } else {
            $("#selectall").removeAttr("checked");
        }

    });
});

answered Sep 7, 2012 at 5:26

Sender

6,90812 gold badges49 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Coder1010 Over a year ago

Actually my values are coming from a database and in your example the values are statically bound.Means for each database field a new check box will be displayed corresponding to it.How to get the value of that?

Sender Over a year ago

so you want to in asp.net see this link

Kishor Kundan · Accepted Answer · 2012-09-07 05:28:53Z

0

define a link anywhere, grab its event and use checked property

<a href="#" rel="checkedBoxes">Check All Boxes</a>
<a href="#" rel="uncheckedBoxes">Uncheck all Boxes</a>

<script>
   $(function() {
      $("a[rel=checkedBoxes]").live("click", function(eV) {
          eV.preventDefault();
          $("form input:checkbox").attr("checked", "checked");
      }
      $("a[rel=uncheckedBoxes]").live("click", function(eV) {
          eV.preventDefault();
          $("form input:checkbox").attr("checked", "");
      }

   });
</script>

answered Sep 7, 2012 at 5:28

Kishor Kundan

3,1651 gold badge25 silver badges30 bronze badges

Collectives™ on Stack Overflow

implement select all check boxes functionality in asp using javascript

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related