jquery checkall checkbox plus reset

Question

I am using the following jquery to achieve check all effect in a php page:-

<script>
$(function(){
    $("#checkall").click(function(){
        if($("#checkall").attr('checked')){
            $(".department").attr('checked', true);
        }else{
            $(".department").attr('checked', false);
        }
    });
});
</script>

<input type="checkbox" id="checkall" name="check_all" />

<input type="checkbox" name="department[]" class="department" value=""  checked = "checked"/>

and the check all and uncheck all effect works fine. However, it doesn't work with the reset button in the form. How shall I modify the jquery? Thanks!

nbrooks · Accepted Answer · 2012-08-08 01:57:02Z

1

$("#checkall").click(function(){
    $(".department").prop('checked', $(this).is(':checked') ); 
});

The jQuery .prop() docs has a section describing why this should be used instead of manipulating the attribute.

edited Aug 8, 2012 at 1:57

answered Aug 8, 2012 at 1:48

nbrooks

18.2k5 gold badges58 silver badges68 bronze badges

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

Comments

xdazz · Accepted Answer · 2012-08-08 01:47:57Z

1

Use .prop instead .attr, see the working demo.

$(function(){
    $("#checkall").click(function(){
        if($(this).prop('checked')){
            $(".department").prop('checked', true);
        }else{
            $(".department").prop('checked', false);
        }
    });
});

And your code could be even short:

$(function(){
    $("#checkall").click(function(){
        $(".department").prop('checked', $(this).prop('checked'));
    });
});

answered Aug 8, 2012 at 1:47

xdazz

161k38 gold badges255 silver badges278 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:04:44Z

1

Try this demo : http://jsfiddle.net/JCWaT/

My old reply in here: checkbox check all option

Hope fits the need :)

or for your need http://jsfiddle.net/kJCcP/

code

$('input[name="Company"],input[name="Country"]').click(function(){

          $(this).nextAll('input[name="'+this.name+'Sub"]').prop('checked',this.checked);

});

OR

$('#checkall').click(function() {

    $(this).nextAll('.department').prop('checked', this.checked);

});

edited May 23, 2017 at 12:04

CommunityBot

11 silver badge

answered Aug 8, 2012 at 1:46

Tats_innit

34.1k10 gold badges74 silver badges77 bronze badges

Collectives™ on Stack Overflow

jquery checkall checkbox plus reset

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related