java全选按钮_jquery中实现全选按钮

$(document).ready(function(){

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

if($(this).attr('checked')==true){

$('.toggle').attr('checked','true');

}

else{

$('.toggle').removeAttr('checked');

}

});

$('.toggle').click(function(){

if($('.toggle:checked').length==$('.toggle').length){

$('#handle').attr('checked','true');

}

else{

$('#handle').removeAttr('checked');

}

});

});

ul{

background-color:#ccc;

list-style:none;

margin 20px auto;

}

li{

padding:10px;

}

• Toggle ALL

• aaaaaaa

• bbbbbbb

• cccccccc

• ddddddd