<script language="javascript">
function selectIt() {
form = document.lzyy
action = event.srcElement.name
for (var i = 0; i < form.elements.length; i++) {
if (form.elements[i].name == "checkbox") {
e = form.elements[i]
e.checked = (action == "selectAll") ? (form.selectAll.checked) : (!e.checked)
////在这里 通过条件表达式?:来使每个框反选。朋友们可以好好思考一下。这种首先是一种实现方式。其二 还能是代码简练。哈哈 反正个人是喜欢这种方式拉。
}
}
}
</script>
<form name="lzyy">
<p class="STYLE1">
全 选
<input type="checkbox" name="selectAll" value="checkbox" onClick="selectIt()">
<br>
反 选
<input type="checkbox" name="invest" value="checkbox" onClick="selectIt()">
<br>
Item1
<input type="checkbox" name="checkbox" value="checkbox">
<br>
Item2
<input type="checkbox" name="checkbox" value="checkbox">
<br>
Item3
<input type="checkbox" name="checkbox" value="checkbox">
<br>
Item4
<input type="checkbox" name="checkbox" value="checkbox">
<br>
Item5
<input type="checkbox" name="checkbox" value="checkbox">
</p>
</form>
<html>
<head>
<script type="text/javascript">
function checkEvent(name, allCheckId) {
var allCk = document.getElementById(allCheckId);
if (allCk.checked == true) checkAll(name);
else checkAllNo(name);
}
//全选
function checkAll(name) {
var names = document.getElementsByName(name);
var len = names.length;
if (len > 0) {
var i = 0;
for (i = 0; i < len; i++)
names[i].checked = true;
}
}
//全不选
function checkAllNo(name) {
var names = document.getElementsByName(name);
var len = names.length;
if (len > 0) {
var i = 0;
for (i = 0; i < len; i++)
names[i].checked = false;
}
}
//反选
function reserveCheck(name) {
var names = document.getElementsByName(name);
var len = names.length;
if (len > 0) {
var i = 0;
for (i = 0; i < len; i++) {
if (names[i].checked) names[i].checked = false;
else names[i].checked = true;
}
}
}
</script>
</head>
<body>
<input type="checkbox" id="ckall" onclick="checkEvent('ck','ckall')" />
全选
<input type="checkbox" id="ckReserve" onclick="reserveCheck('ck','ckReserve')"
/>
反选
<br />
<input type="checkbox" name="ck" value="1" />
篮球
<br />
<input type="checkbox" name="ck" value="2" />
旅游
<br />
<input type="checkbox" name="ck" value="3" />
读书
<br />
<input type="checkbox" name="ck" value="4" />
美食
<br />
<input type="checkbox" name="ck" value="5" />
睡觉
</body>
</html>
<script language="javascript">
function selectIt() {
form = document.lzyy
action = event.srcElement.name
for (var i = 0; i < form.elements.length; i++) {
if (form.elements[i].name == "checkbox") {
e = form.elements[i]
e.checked = (action == "selectAll") ? (form.selectAll.checked) : (!e.checked)
////在这里 通过条件表达式?:来使每个框反选。朋友们可以好好思考一下。这种首先是一种实现方式。其二 还能是代码简练。哈哈 反正个人是喜欢这种方式拉。
}
}
}
</script>
<form name="lzyy">
<p class="STYLE1">
全 选
<input type="checkbox" name="selectAll" value="checkbox" onClick="selectIt()">
<br>
反 选
<input type="checkbox" name="invest" value="checkbox" onClick="selectIt()">
<br>
Item1
<input type="checkbox" name="checkbox" value="checkbox">
<br>
Item2
<input type="checkbox" name="checkbox" value="checkbox">
<br>
Item3
<input type="checkbox" name="checkbox" value="checkbox">
<br>
Item4
<input type="checkbox" name="checkbox" value="checkbox">
<br>
Item5
<input type="checkbox" name="checkbox" value="checkbox">
</p>
</form>
var checkFlag = true;
function ChooseAll() {
if (checkFlag) {
var inputs = document.all.tags("INPUT");
for (var i = 0; i < inputs.length; i++) {
if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll") {
inputs[i].checked = true;
}
}
checkFlag = false;
} else {
var inputs = document.all.tags("INPUT");
for (var i = 0; i < inputs.length; i++) {
if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll") {
inputs[i].checked = false;
}
}
checkFlag = true;
}
}
<input type="button" name="" value="不计算长度" onclick="a()">
<input type="button" name="" value="全选" onclick="b()">
<input type="button" value="缓存" onclick="c()">
<input type="checkbox" name="test[]" value="0">
测试测试
<br>
<script language="JavaScript">
<!--
var ca = new Array();
function a() {
var m = document.getElementsByName('test[]');
for (var i = 0; i < m.length; i++) {
m[i].checked == true ? m[i].checked = false: m[i].checked = true;
}
}
function b() {
var m = document.getElementsByName('test[]');
var l = m.length;
for (var i = 0; i < l; i++) {
m[i].checked == true ? m[i].checked = false: m[i].checked = true;
}
}
function c() {
if (ca.length == 0) {
ca = cache();
}
cl = ca.length;
for (var i = 0; i < cl; i++) {
ca[i].checked == true ? ca[i].checked = false: ca[i].checked = true;
}
}
function cache() {
var m = document.getElementsByName('test[]');
var cache = new Array();
var l = m.length;
for (var i = 0; i < l; i++) {
cache[i] = m[i];
}
return cache;
}
//-->
</script>
分享到:
相关推荐
实现技术: 无刷新 验证指定字符 验证数字 验证邮箱 无刷新下拉菜单三级联动 CheckBox全选/反选/删除 等等.. 程序收集了本人在ASP.NET开发应用中会经常用到的轻量级的AJAX小例子,程序里面很多地方做了注释,通俗易懂...
2.全选全不选的练习:四个功能按钮,全选全不选按钮(点一下全选,再点一下全不选),全选按钮,全不选按钮,反选按钮 3.创建自定义表格(输入自定义行数和列数点击按钮即可生成表格) 4.时钟(显示当前动态时间) 5....
无刷新 验证指定字符 验证数字 验证邮箱 无刷新下拉菜单三级联动 CheckBox全选/反选/删除 等等.. 程序收集了本人在ASP.NET开发应用中会经常用到的轻量级的AJAX小例子,程序里面很多地方做了注释,通俗易懂,希望对...
21.网址回收站添加全选和反选功能 删除网址不再需要一个一个点 22.简单修改网友反馈和网址提交模板 23.近一步优化数据 此版本较完美 下一步将实现功能添加例如添加第二个名站导航等等 114la网址导航高级修改交流群...
21.网址回收站添加全选和反选功能 删除网址不再需要一个一个点 22.简单修改网友反馈和网址提交模板 23.近一步优化数据 此版本较完美 下一步将实现功能添加例如添加第二个名站导航等等 115导航网QQ交流群:57830177...
购物车逻辑还有关于购物车的一些代码,详情请看代码,还有一些逻辑性的代码比如全选反选加减等等,代码不够全面,建议看看他人的代码
以上只是部分常用的快捷键,实际上Photoshop还有许多其他快捷键,例如调整图层顺序、变换工具、渐变工具、滤镜应用等等。熟练掌握这些快捷键,可以显著提升你在Photoshop中的操作效率,让创作过程更为流畅。
* 反选的快捷键是Ctrl+Shift+I, 全选的快捷键是Ctrl+A。 * CMYK模式一般应用于印刷方面,而RGB模式通常用于显示。 * RGB模式是由红色、绿色、蓝色三种颜色合成的。 2. 画笔工具和铅笔工具 * 画笔工具和铅笔工具的...
9. **全选/反选/取消选择**:`Ctrl + A`全选,`Shift + Ctrl + I`反选,`Ctrl + D`取消选择,这些都是选择区域操作的常用快捷键。 10. **选择区域移动**:使用方向键可以精确移动选择区域。 11. **将图层转换为...
以上只是Photoshop快捷键的一小部分,实际上还有许多其他快捷键,例如调整曲线、选择工具、变换操作等等,它们都能帮助设计师更高效地进行图像处理和编辑工作。熟练掌握这些快捷键,不仅能够提升工作效率,还能在...
其功能包含添加入职员工信息,查询入职员工信息,根据部门做二级联动搜索入职时间查询员工信息,修改员工信息以及选择部门,根据全选,反选功能批量删除员工信息等等。 项目框架使用MVC三层架构完成
1. **全选/取消选择/恢复选择**:Ctrl + A,Ctrl + D,Shift + Ctrl + D,用于快速选择全部图层内容,取消当前选择,或者恢复之前的选区。 2. **剪切/复制/粘贴**:Ctrl + X,Ctrl + C,Ctrl + V,这是基础的剪切、...
可以使用JavaScript来切换所有复选框的状态,如全选或全不选。以下是一个示例: ```html <!-- HTML 部分 --> <input type="checkbox" name="hobby" id="ball" value="ball"> 打球 ...
html3+css3 布局 js实现的动能:注册页面的倒计时、随机数,无缝轮播图。购物页面的全选反选、删除、总计小计。放大镜,飞入购物车动画,右侧小导航栏滚动定位等等。 十个静态页面(其中三个页面需要联网加载图片)
新增:数据授权页面,增加全选和反选功能 新增:表格每列增加一个class名,名称为“column-列名”,方便用css设置列样式(添加一列) 新增:在表格构建器中,可以使用“__字段名__”来获取原数据,要注意使用顺序 ...