jquery全选和取消全选

简介: jquery全选和取消全选

其实就这固定的代码在哪都能用,不过需要改一下名称就ok了!

//全选和取消全选
$(function() {//自执行
  $('#select_all').click(function() {//全选按钮
    for (let i = 0; i < $('.radio').length; i++) {//循环单选按钮
      $('.radio').eq(i).prop("checked", $(this).prop("checked")) //单选按钮全选
      $('.radio').eq(i).click(function() {//单选按钮点击事件
        let oneList = $('.radio')//获取所有单选按钮
        for (let p = 0; p < oneList.length; p++) {//循环所有单选按钮
          if (!$(oneList[p]).prop("checked")) {//如果所有单选按钮有一个没背选中则全选按钮取消选中
            $('#select_all').prop("checked", false) //取消全选
            return;
          }
        }
        $('#select_all').prop("checked", true) //全选
      })
    }
  })
})
相关文章
|
6月前
|
JavaScript
原生js实现复选框(全选/全不选/反选)效果【含完整代码】
原生js实现复选框(全选/全不选/反选)效果【含完整代码】
193 1
|
6月前
|
JavaScript 前端开发
JS单选全选全不选
JS单选全选全不选
36 0
|
JavaScript
jQuery取消checkbox选中状态
jQuery取消checkbox选中状态
53 0
js表单全选和取消全选
这是一个全选和取消全选的功能,最上边的是全选框,下边的是单选框。 1. 全选框选中,下边的所有单选框也都选中,全选框取消选中,下边的单选全不选中。如果全选选中情况下,下边的取消选中一个,哪上边的全选框就不选中。 2. 第二就是下边的单选框一个一个选中,等到下边的单选框全部选中后,上边的全选框选中。同样取消一个单选,全选就不选中。
|
存储 JavaScript
js实现多选、全选、反选、取消选择(篇一)
js实现多选、全选、反选、取消选择(篇一)
389 0
js实现多选、全选、反选、取消选择(篇一)
|
JavaScript 双11
JS 多选框全选和取消全选
JS 多选框全选和取消全选
JS 多选框全选和取消全选
|
JavaScript
jquery全选按钮下-30
jquery全选按钮下-30
94 0
jquery全选按钮下-30
|
JavaScript 前端开发
Jquery 实现click 选中checkbox 多选(或一键选中全部或取消全部)实例代码
Jquery 实现click 选中checkbox 多选(或一键选中全部或取消全部)实例代码
278 0