jquery全选和反选

发布时间:2020-06-02 08:58:07 作者:橘红色的云
来源:网络 阅读:345
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="Scripts\jquery-1.7.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#selectAll").click(function () {
                $("#playList :checkbox").attr("checked", true);
            });
            $("#unSelect").click(function () {
                $("#playList :checkbox").attr("checked", false);
            });
            $("#reverse").click(function () {
                $("#playList :checkbox").each(function () {
                    $(this).attr("checked", !$(this).attr("checked"));
                });
            });
        })
    </script>
</head>
<body>
    <h4>你喜欢的咖啡是?</h4>
    <div id="playList">
    <input type="checkbox"  value="蓝山咖啡"  />蓝山咖啡<br/>
    <input type="checkbox" value="拿铁" />拿铁<br/>
    <input type="checkbox" value="卡布奇诺" />卡布奇诺<br/>
    <input type="checkbox" value="终南山" />终南山<br/>
    <input type="checkbox" value="黑豆" />黑豆<br/>
    </div>
    <input type="button"  id="selectAll" value="都喜欢" />
    <input type="button" id="unSelect" value="都不喜欢"/>
    <input type="button" id="reverse" value="反选"/>
</body>
</html>


推荐阅读:
  1. JQuery全选/反选设置
  2. jquery全选/取消全选(反选)/单选操作

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

jquery全选 jquery不全选 jquery反选

上一篇: iOS Data Storage Guidelines 和 "do not back up"文件属性

下一篇:03-Influxdb的备份与恢复

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》