顶部导航开始 -->

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);
		});
	}
});




自学php博客
请先登陆后发表评论
  • 最新评论
  • 总共0条评论
  • © 2014-2016 zixuephp.cn 版权所有
  • ICP证:皖ICP备16012107号
  • 联系邮箱:510082587@qq.com
  • 交流请加微信:weibobf2899 或扫下方二维码