账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    jquery最新版如何实现全选,不全选。
    55
    0

    在学习锋利的jquery中，
    当html结构内容相同的时候，我分别引入了旧版本jquery(书中的1.71版) 和最新版时遇到了一个问题。
    总共有四个复选框，在旧版本jquery中，可以正常执行。
    然而在新版本中，如果不去手动点击复选框改变选中状态，全选和不全选两个按钮都能正常工作；
    当我手动点击复选框改变其状态，全选和不全选两个按钮对于我点击过的复选框都失灵了。只能手动点击复选框切换选中状态。

    为什么会这样？有什么解决方法么？ 谢谢。

    <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
 <!--   引入jQuery -->
<script src="../../scripts/jquery.js" type="text/javascript"></script>
 <script type="text/javascript">
  $(function(){
     //全选
     $("#CheckedAll").click(function(){
         $('[name=items]:checkbox').attr('checked', true);
     });
     //全不选
     $("#CheckedNo").click(function(){
        $('[type=checkbox]:checkbox').attr('checked', false);
     });
     
  })

  </script>
</head>
<body>
<form method="post" action="">
   你爱好的运动是？
   <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="乒乓球"/>乒乓球
   <br/>
    <input type="button" id="CheckedAll" value="全　选"/>
    <input type="button" id="CheckedNo" value="全不选"/>

</form>
</body>
</html>
    1
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 一切、虚伪 普通会员 1楼

      在jQuery中，全选和不全选是通过CSS的选择器实现的。全选可以通过使用:eq(index)选择器来实现，不全选可以通过使用:not(:eq(index))选择器来实现。

      以下是一个使用:eq(index)全选和:not(:eq(index))不全选的例子：

      ```javascript $(document).ready(function() { // 全选 $("#myTable tr").eq(0).css("background-color", "yellow"); $("#myTable tr").eq(1).css("background-color", "red");

      // 不全选
$("#myTable tr").not(:eq(0)).css("background-color", "yellow");
$("#myTable tr").not(:eq(1)).css("background-color", "red");

      }); ```

      在这个例子中，:eq(index)选择器选择所有在表格中的第index行的元素。:not(:eq(index))选择器选择所有不在表格中的第index行的元素。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部