checkbox的全选和全不选功能实现

前端 javascript html 1765      收藏
本文讲述如何获取checkbox的值及通过checkbox实现全选功能。

本文讲述如何获取checkbox的值及通过checkbox实现全选功能。

checkbox全选功能的效果图如下:

全选:

自学php博客

全不选:

自学php博客

部分选择:

自学php博客

其html代码:

自学php博客

自学php博客

自学php博客

JS代码为

$('.region_all').click(function(){
	if(this.checked){
		$('.region').each(function(){
            $(this).prop('checked',true);
		});
	}else{
		$('.region').each(function(){
			$(this).prop('checked',false);
		});
	}
});