JavaScript - 复选框的全选和取消
复选框的全选和取消
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>复选框的全选和取消</title>
<style type="text/css">table{width:400px;text-align:center;}
</style>
<script type="text/javascript">window.onload=function(){$("all").onclick=function(){var stus=document.getElementsByName("stu");if($("all").checked==true){for(var i=0;i<stus.length;i++){stus[i].checked=true;}}else{for(var i=0;i<stus.length;i++){stus[i].checked=false;}}};};function $(id){return document.getElementById(id);}
</script>
</head>
<body><form action="" method="post"><table border="1" cellpadding="0" cellspacing="0"><tr><th><input type="checkbox" id="all" value="全选"/>全选</th><th>姓名</th><th>java</th><th>html</th><th>javascript</th></tr><tr><td><input type="checkbox" name="stu" /></td><td>赵信</td><td>85</td><td>79</td><td>67</td></tr><tr><td><input type="checkbox" name="stu" /></td><td>盖伦</td><td>85</td><td>97</td><td>67</td></tr><tr><td><input type="checkbox" name="stu" /></td><td>石头人</td><td>85</td><td>79</td><td>67</td></tr></table></form>
</body>
</html>
JavaScript - 复选框的全选和取消相关推荐
- php 复选框全选和取消,基于JavaScript实现复选框的全选和取消全选
这篇文章主要为大家详细介绍了基于JavaScript实现复选框的全选和取消全选,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 本文实例为大家分享了js复选框的全选和取消全选的具体代码,供大家参考, ...
- Javascript第五章切换层效果、复选框的全选十三课
层切换效果: 效果 复选框的全选
- 【jQuery】复选框的全选、反选,推断哪些复选框被选中
本文与<[JavaScript]复选框的全选.反选.推断哪些复选框被选中>(点击打开链接)为姊妹篇,把里面内容再与jQuery框架中实现一次,相同做到例如以下的效果: 布局还是相同的布局, ...
- jQuery实现复选框的全选和反选:
jQuery实现复选框的全选和反选: 截图如下: 代码如下: index.jsp: <%@ page language="java" import="java.ut ...
- 复选框的全选和取消全选
复选框的全选和取消全选 <!DOCTYPE html> <html><head><meta charset="utf-8">< ...
- 如何利用jq来实现复选框的全选,反选!
如何利用jq来实现复选框的全选,反选! $("document").ready(function(){ $("#btn1").click(function() ...
- 复选框的全选、全不选、和获取选中的值;
1.获取select下面的选中的option值 <select id="afterSaleReson" name="afterSaleReson"> ...
- HTML复选框的全选、全不选以及单选操作。
今天在进行HTML的table练习的时候,发现一个比较有趣的知识点,有关于复选框的全选.全不选,以及单选操作的相关问题. 待我上网搜索了一下相关资料,发现有关于全选以及全不选的详解还是挺多的,但是复选 ...
- js复选框之全选反选不选
今日分享:纯js复选框之全选&&反选&&不选 想要了解其用法,首先先得了解它们各自的意思 全选:全部都选中 反选:选中的部分取消,没选中的部分勾选上 不选:全部取消勾选 ...
最新文章
- [zz]三权鼎立形式的软件开发方式
- php 类分开写,自己前几天写的无限分类类_PHP教程
- springboot 全局异常处理 自定义mvc错误页面展示
- nagios mysql入库_使用NDOUtils将Nagios监控信息存入Mysql
- RabbitMQ和Kafka的显著差异(5)
- 怎么让计算机唱歌视频教程,如何制作快手唱歌视频
- java过滤敏感词汇
- 2020网易游戏测试面试二面面经(上海春招)
- OpenGL着色器程序解析--点光源
- 3.24 爬虫小周记
- 企业员工管理系统 一:项目介绍
- 熊猫阿波的故事 2201
- 死磕宠物食品安全,京东你凭什么?
- 微信小程序音频播放器(第二版)
- 关于mysql安装时无法正常启动0xc000007b的问题
- 攻防世界pwn高手进阶(持续更新)
- 在Scrapy中使用爬虫动态代理IP
- OSChina 周五乱弹 ——和我斗!要赢好难!
- python 给PDF添加目录
- 华为中级认证HCIP知识点,看这个就够了