PHP BASIC: Checkbox Onclick Select All And Unselect All

<html>
 <head>
   <script type="text/javascript">
    $(function() {
     $("#select_all").click(function() {
      $('input[name*="chk2"]').attr("checked","checked");
     });
    });
    $(function() {
     $("#unselect_all").click(function() {
      $('input[name*="chk2"]').removeAttr("checked");
     });
    });
   </script>
  <style type="text/css" >
   .buttt{border: 2px solid green; background: none repeat scroll 0px 0px paleturquoise; color: slategray; padding: 220px;}
   .butt{border: 2px solid green; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; color: teal; background: none repeat scroll 0% 0% seashell; border-bottom-left-radius: inherit;}
  </style>
 </head>
 <div class="buttt">
  <form>
   <input type="button" id="select_all" value="Select All" class="butt">
   <input type="button" id="unselect_all" value="Unselect All" class="butt"><br /><br /><br /><br />
   <input type="checkbox" name="chk2[]" value="2">31
   <input type="checkbox" name="chk2[]" value="2">32
   <input type="checkbox" name="chk2[]" value="2">33
   <input type="checkbox" name="chk2[]" value="2">34
   <input type="checkbox" name="chk2[]" value="2">37
   <input type="checkbox" name="chk2[]" value="2">38
   <input type="checkbox" name="chk2[]" value="2">39
   <input type="checkbox" name="chk2[]" value="2">40<br /><br />
   <input type="checkbox" name="chk2[]" value="2">10
   <input type="checkbox" name="chk2[]" value="2">11
   <input type="checkbox" name="chk2[]" value="2">12
   <input type="checkbox" name="chk2[]" value="2">13
   <input type="checkbox" name="chk2[]" value="2">14
   <input type="checkbox" name="chk2[]" value="2">17
   <input type="checkbox" name="chk2[]" value="2">18
   <input type="checkbox" name="chk2[]" value="2">19<br /><br />
   <input type="checkbox" name="chk2[]" value="2">20
   <input type="checkbox" name="chk2[]" value="2">21
   <input type="checkbox" name="chk2[]" value="2">22
   <input type="checkbox" name="chk2[]" value="2">23
   <input type="checkbox" name="chk2[]" value="2">24
   <input type="checkbox" name="chk2[]" value="2">27
   <input type="checkbox" name="chk2[]" value="2">28
   <input type="checkbox" name="chk2[]" value="2">29
  </form>
</div>
</html>

2 comments:

globalisd18 February 2021 at 22:26
This comment has been removed by the author.
globalisd18 February 2021 at 22:38
Best digital marketing agency in Dubai We are in an ‘ always on ‘ world. Connecting, sharing, collaborating. We, at ISD Global, help brands digitell the digital while distinguishing the distinguished and distilling the brand essence. ISD Global can evaluate the strength of your brand through a brand audit. The –––audit can be initiated before embarking on a Brand Engineering exercise or at any time that you want to establish your brand’s power/equity in the marketplace. The brand identity reflects stakeholder vision, the brand positioning and resonates with the brand’s core values.

Wednesday 31 October 2012

Checkbox Onclick Select All And Unselect All

2 comments: