HTML全选和反选的按钮代码,还是感觉这种按钮爽!
2009-12-08 17:08
375 查看
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>cyberobject.com - checkbox seclet or disselect all</title>
<script language="JavaScript">
<!--
function checkboxselect(itemname,checkstatus) {
if(!itemname) return;
if(!itemname.length) {
itemname.checked=checkstatus;
} else {
for(var i=0;i<itemname.length;i++) {
itemname[i].checked=checkstatus;
}
}
}
//-->
</script>
</head>
<body>
<form name="form1" method="post" action="">
<p>
<input type="checkbox" name="zone_checkbox" value="zone_checkbox" onClick="checkboxselect(document.form1.checkbox, document.form1.zone_checkbox.checked)">全选
</p>
<p>
<input type="checkbox" name="checkbox" id="checkbox" value="1">1 <br>
<input name="checkbox" type="checkbox" id="checkbox" value="2">2 <br>
<input name="checkbox" type="checkbox" id="checkbox" value="3">3 <br>
<input name="checkbox" type="checkbox" id="checkbox" value="4">4 <br>
<input name="checkbox" type="checkbox" id="checkbox" value="5">5 <br>
<input name="checkbox" type="checkbox" id="checkbox" value="6">6
</p>
<p>
<input type="submit" name="Submit" value="清除">
</p>
</form>
</body>
</html>
全选按钮代码 反选按钮代码
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>cyberobject.com - checkbox seclet or disselect all</title>
<script language="JavaScript">
<!--
function checkboxselect(itemname,checkstatus) {
if(!itemname) return;
if(!itemname.length) {
itemname.checked=checkstatus;
} else {
for(var i=0;i<itemname.length;i++) {
itemname[i].checked=checkstatus;
}
}
}
//-->
</script>
</head>
<body>
<form name="form1" method="post" action="">
<p>
<input type="checkbox" name="zone_checkbox" value="zone_checkbox" onClick="checkboxselect(document.form1.checkbox, document.form1.zone_checkbox.checked)">全选
</p>
<p>
<input type="checkbox" name="checkbox" id="checkbox" value="1">1 <br>
<input name="checkbox" type="checkbox" id="checkbox" value="2">2 <br>
<input name="checkbox" type="checkbox" id="checkbox" value="3">3 <br>
<input name="checkbox" type="checkbox" id="checkbox" value="4">4 <br>
<input name="checkbox" type="checkbox" id="checkbox" value="5">5 <br>
<input name="checkbox" type="checkbox" id="checkbox" value="6">6
</p>
<p>
<input type="submit" name="Submit" value="清除">
</p>
</form>
</body>
</html>
全选按钮代码 反选按钮代码
相关文章推荐
- HTML全选和反选的按钮代码,超级喜欢的一种!
- MFC按钮CXPButton类,代码阅读起来还是挺不错的
- 小代码 HTML 每个按钮控制一个DIV js实现
- html网页上按钮交替切换bottom shift代码
- 在网页中显示一个层和一个按钮,当点击按钮的时候,让层为不可见,再次点击时为可见的HTML代码
- HTML点击按钮弹出对话框(仅代码)
- 用angular实现多选按钮的全选与反选实例代码
- HTML点击全选按钮商品全选(只有按钮)
- HTML之打开/另存为/打印/刷新/查看原文件等按钮的代码
- 全选按钮的JS代码
- html代替submit按钮的图片代码
- html js点击按钮滚动跳转定位到页面指定位置(DIV)的方法代码
- html 简单 全选 按钮
- HTML angular购物车:加减按钮改变数量+全选+低于1时提示删除商品+计算所有商品总价+清空购物车+单独删除+输入内容小于1时,自动变为1+反选
- 网页一键分享按钮HTML代码
- html 另存为/打印/刷新/查看原文件等按钮的代码!!!
- html+css:按钮上显示消息数量精简代码
- 图片大小固定的html+css图片提交按钮代码
- 11.15作业-完成table.html中按钮全选、全不选、反选的功能。
- 使用了继承、多态还有工厂模式和反射,但是还是没有OO的感觉。[已经增加了实现的代码]