jquery全选,取消全选

最新推荐文章于 2025-08-11 19:52:03 发布

weixin_33922670

最新推荐文章于 2025-08-11 19:52:03 发布

阅读量59

点赞数

CC 4.0 BY-SA版权

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/xiahuawuyu/blog/69703

本文介绍了一种使用jQuery简化JavaScript代码的方法，通过示例展示了如何实现全选与反选功能，提高了代码的可读性和维护性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

以前总是自己写纯JS.现在既然知道怎么写了.那如何用JQ写得更简洁呢.这样也能学到新的东西.如果乎百度一下果然发现了好东东.感谢OSC的iuhoay.

代码如下:

< script type ="text/javascript" src ="/web/bzz_index/password/js/jquery-1.7.1.min.js" ></ script >
< script language ="JavaScript" >
$( function () {
$( " #ckAll " ).click( function () {
    $( " input[name='sub'] " ).prop( " checked " , this .checked);
  });

  $( " input[name='sub'] " ).click( function () {
     var $subs = $( " input[name='sub'] " );
    $( " #ckAll " ).prop( " checked " , $subs.length == $subs.filter( " :checked " ).length ? true : false );
  });
});
</ script >

< input type ="checkbox" id ="ckAll" />check all < br />
< input type ="checkbox" name ="sub" />1 < br />
< input type ="checkbox" name ="sub" />2 < br />
< input type ="checkbox" name ="sub" />3 < br />
< input type ="checkbox" name ="sub" />4 < br />

转载于:https://my.oschina.net/xiahuawuyu/blog/69703