【基础】jquery全选、反选、全不选代码

1、JS代码

function ($) {

//全选 反选 全不选

$("#selAll").click(function () {

$(".lists :checkbox").not(':disabled').prop("checked", true);

});

$("#unSelAll").click(function () {

$(".lists :checkbox").not(':disabled').prop("checked", false);

});

$("#reverSel").click(function () {

//遍历.lists下的 checkbox;

$(".lists :checkbox").not(':disabled').each(function () {

$(this).prop("checked", !$(this).prop("checked"));

});

});

}(jQuery)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • //------------------------- 第一章 认识JQuery ----------------...
    米塔塔阅读 840评论 0 9
  • 选择器选择器是jQuery的核心。 事件 动画 扩展
    wyude阅读 575评论 0 1
  • Javascript缺点:1.复杂的文档对象模型 2.不一致的浏览器实现 3.缺乏便捷的开发、调试工具。 jque...
    baby熊_熊姐阅读 784评论 0 3
  • $(”p”).addClass(css中定义的样式类型); 给某个元素添加样式 $(”img”).attr({sr...
    专注寒冰三千岁阅读 600评论 0 4
  • Attribute: $("p").addClass(css中定义的样式类型); 给某个元素添加样式 $("img...
    扑克脸_457e阅读 695评论 0 1

友情链接更多精彩内容