JQuery案例-全选、全不选、反选

最新推荐文章于 2024-09-02 17:34:07 发布

山里没有wifi

最新推荐文章于 2024-09-02 17:34:07 发布

阅读量337

点赞数 8

分类专栏： JQuery 文章标签： jquery 前端 javascript

本文链接：https://blog.csdn.net/Prague_Cze/article/details/135616971

版权

JQuery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<script>
  $(function () {

    $('button').eq(0).on('click', function () {
      $('input:checkbox').prop('checked', true);
    })

    $('button').eq(1).on('click', function () {
      $('input:checkbox').prop('checked', false);
    })

    $('button').eq(2).on('click', function () {

      // each() 方法是对jquery伪数组进行遍历的方法
      // 在回调中,两个参数, 参数一代表下标, 参数二代表项
      $('input:checkbox').each(function (index, item) { 
		// item  是DOM原生对象
        // if ($(item).prop('checked')) {
        //     $(item).prop('checked', false)
        // } else {
        //     $(item).prop('checked', true)
        // }
        
        $(item).prop('checked', !$(item).prop('checked') )

      })

    })
  })