zoukankan      html  css  js  c++  java
  • jQuery复选框操作

    <html>

    <head>

    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>

    <script type="text/javascript">

    $(function(){

      $('#CheckedAll').click(function(){

        $('[name=items]:checkbox').attr('checked', true);

      });

      $('#CheckedNo').click(function(){

        $('[name=items]:checkbox').attr('checked', false);

      });

      $('#CheckedRev').click(function(){

        $('[name=items]:checkbox').each(function(){

          if($(this).attr('checked')){

            $(this).attr('checked', false);

          }else{

            $(this).attr('checked', true);

          }

        });

      });

      $('#send').click(function(){

        var str = "你选中的是: ";

        $('[name=items]:checkbox:checked').each(function(){

          str += $(this).val() + " ";

        });

        alert(str);

      });

    });

    </script>

    </head>

    <body>

    <form action="#" method="POST" id="regForm">

    你爱好的运动是?<br />

    <input type="checkbox" name="items" value="足球" />足球

    <input type="checkbox" name="items" value="蓝球" />篮球

    <input type="checkbox" name="items" value="羽毛球" />羽毛球

    <input type="checkbox" name="items" value="乒乓球" />乒乓球

    <input type="button" id="CheckedAll" value="全 选" />

    <input type="button" id="CheckedNo" value="全不选" />

    <input type="button" id="CheckedRev" value="反 选" />

    <input type="button" id="send" value="提 交" />

    </form>

    </body>

    </html>

  • 相关阅读:
    gluon模块进行数据加载-Dataset和DataLoader
    梯度相关概念
    plt.rcParams参数设置
    矩阵求导(二)
    矩阵求导(一)
    使用MXNet的NDArray来处理数据
    Win10环境下Anaconda安装常用指令以及环境管理
    Git使用vi或vim命令打开、关闭、保存文件
    工作中遇到的问题总结
    学习 Python3 语言
  • 原文地址:https://www.cnblogs.com/chencheng365/p/4330705.html
Copyright © 2011-2022 走看看