在新版JQuery中一定要通过prop方法实现,而不是以前的attr方法,否则会出现第一次管用,再点就无效的问题。

有关区别详情参看:jQuery学习之prop和attr的区别

以下为实现代码,该代码会操作所有name属性为product的复选框。

(其中class为glyphicon的span标签是Bootstarp的图标表现方式,不需在意)

<a href="javascript:$('input[name='product']').prop('checked',true);" target="_self" class="btn btn-link " role="button"><span class="glyphicon glyphicon-check"></span> 选择全部</a>
<a href="javascript:$('input[name='product']').prop('checked',false);" target="_self" class="btn btn-link " role="button"><span class="glyphicon glyphicon-unchecked"></span> 取消选择全部</a>
<a href="javascript:$('input[name='product']').each(function(){$(this).prop('checked',!this.checked);});" target="_self" class="btn btn-link " role="button"><span class="glyphicon glyphicon-retweet"></span> 反向选择</a>
转载此文章时须注明转载自”SkyD(斯克迪亚)开发者博客“,并保留此文章的Url链接

作者信息

昵称
斯克迪亚

查看其所发布的所有文章

总积分
2420
注册时间
(2018年5月4日 19:06)

评论

目前还没有任何评论。

[切换到移动版页面]