How to implement “select all” check box in HTML?

前端 未结 29 2882
悲哀的现实
悲哀的现实 2020-11-22 11:09

I have an HTML page with multiple checkboxes.

I need one more checkbox by the name \"select all\". When I select this checkbox all checkboxes in the HTML page must b

29条回答
  •  萌比男神i
    2020-11-22 11:51

    Below methods are very Easy to understand and you can implement existing forms in minutes

    With Jquery,

    $(document).ready(function() {
      $('#check-all').click(function(){
        $("input:checkbox").attr('checked', true);
      });
      $('#uncheck-all').click(function(){
        $("input:checkbox").attr('checked', false);
      });
    });
    
    

    in HTML form put below buttons

    check all
    uncheck all 
    

    With just using javascript,

    
    

    in HTML form put below buttons

    
    
    
    
    

提交回复
热议问题