zoukankan      html  css  js  c++  java
  • jQuery判断checkbox是否选中?操作checkbox(不)选中?

    HTML
    1     <form action="">
    2         <input type="checkbox" name="checkbox" value="all" class="chckall">
    3         <input type="checkbox" name="checkbox[]" value="10" class="chckChild">
    4         <input type="checkbox" name="checkbox[]" value="10" class="chckChild">
    5         <input type="checkbox" name="checkbox[]" value="10" class="chckChild">
    6     </form>

     jQuery

     1 // jQuery操作checkbox
     2     $(".chck").click(function(){    // checkbox点击事件
     3         var ob = $(this);
     4         if (ob.is(':checked')) {    // 判断checkbox是否选择
     5             // 全选
     6             ob.parent().find(".chckChild").attr("checked",true); // 操作checkbox为选中
     7         } else {
     8             // 取消全选
     9             ob.parent().find(".chckChild").attr("checked",false); // 操作checkbox为不选中
    10         }
    11     });
    12     // 获得复选框多个值
    13     var checked = [];
    14     $("input:checkbox:checked").each(function(){
    15         checked.push($(this).val());

    16     }); 

  • 相关阅读:
    安装CentOS7
    gitlab的CI/CD实现
    如何实现7*24小时灵活发布?阿里技术团队这么做
    架构整洁之道, 看这一篇就够了!
    什么是数据湖?有什么用?
    2020 云原生 7 大趋势预测
    饿了么交易系统 5 年演化史
    ajax 传参数 数组 会加上中括号
    文件下载
    数组常用方法
  • 原文地址:https://www.cnblogs.com/oldphper/p/4065277.html
Copyright © 2011-2022 走看看