zoukankan      html  css  js  c++  java
  • 判断复选框是否点击和点击了哪一个

    判断复选框哪一个被点击
    <!DOCTYPE html>
    <html>
    <head>
    <script src="/jquery/jquery-1.11.1.min.js">
    </script>
    <script>
    $(document).ready(function(){
      $("button").click(function(){
    var a=$('[type=checkbox]').length;
    alert(a);
    for(var i=0;i<a;i++){
     if($('[type=checkbox]').eq(i).is(':checked')) {
             alert(i+1);  
        }
    }
    });
    });
    </script>
    </head>
    <body>
    <input type="checkbox" class="a">123
    <input type="checkbox" class="b">123
    <button>获取被点击的按钮</button>
    </body>
    </html>
     
    只要复选框被点击,不管哪一个都出发事件。
    <!DOCTYPE html>
    <html>
    <head>
    <script src="/jquery/jquery-1.11.1.min.js">
    </script>
    <script>
    $(document).ready(function(){
      $("button").click(function(){
     if($('[type=checkbox]').is(':checked')) {
             alert(true);  
    }
    });
    });
    </script>
    </head>
    <body>
    <input type="checkbox" class="a">123
    <input type="checkbox" class="b">123
    <button>获取被点击的按钮</button>
    </body>
    </html>
  • 相关阅读:
    伪类样式
    div 文字超出边框后,省略号显示
    关于常用的 meta
    js数组去重
    异步二进制文件下载
    JJWT现前后端分离身份验证
    ApachePOI快速入门
    axios兼容ie7
    vue解决跨域问题
    log4j模板
  • 原文地址:https://www.cnblogs.com/jiaxin/p/5808824.html
Copyright © 2011-2022 走看看