[JavaScript/JQuery] jquery 复选框全选 全不选 反选

本文介绍了一个使用jQuery简化Checkbox操作的示例,包括全选、全不选及反选功能,并展示了如何获取已选中的Checkbox值。

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

  1. $(function () {
  2. //全选
  3. $("#CheckedAll").click(function () {
  4. $('[name=items]:checkbox').attr('checked', true);
  5. });
  6. //全不选
  7. $("#CheckedNo").click(function () {
  8. $('[type=checkbox]:checkbox').attr('checked', false);
  9. });
  10. //反选
  11. $("#CheckedRev").click(function () {
  12. $('[name=items]:checkbox').each(function () {
  13. //此处用JQ写法颇显啰嗦。体现不出JQ飘逸的感觉。
  14. //$(this).attr("checked", !$(this).attr("checked"));
  15. http://www.lzfsk.com/fkjb/ydy/8080.html
    http://www.lzfsk.com/fkjb/ydy/8081.html
    http://www.lzfsk.com/fkjb/ydy/8082.html
    http://www.lzfsk.com/fkjb/ydy/8084.html
    http://www.lzfsk.com/fkjb/ydy/8085.html
  16. //直接使用JS原生代码,简单实用
  17. this.checked = !this.checked;
  18. });
  19. });
  20. //输出值
  21. $("#send").click(function () {
  22. var str = "你选中的是:\r\n";
  23. $('[name=items]:checkbox:checked').each(function () {
  24. str += $(this).val() + "\r\n";
  25. })
  26. alert(str);
  27. });
  28. })
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值