Javascript:html标签checkbox(全)选中
今天在页面中要使checkbox全选中并提交,一想以前好像做过,然后就去翻找以前的东西,还花了一点时间,所以弄好后,决定做个例子记录下来,下次什么时候要再用的时候就很方便了。
例子采用javascript实现checkbox的全选和全不选功能,也做了如何得到提交的checkbox值的例子(这个基于jsp页面)。
<%@ page contentType="text/html; charset=GBK" %>
<%@page import="java.util.Enumeration"%>
<%
Enumeration e = request.getParameterNames();
while(e.hasMoreElements()){
String s = (String)e.nextElement();
System.out.println(request.getParameter(s));
}
%>
<html>
<head>
<title>测试checkbox</title>
<script type="text/javascript" language="javascript">
<!--
function checkAll(t){
var form = document.getElementById("checkForm");
for (var i=0;i<form.elements.length;i++) {
var e = form.elements[i];
if (e.type=='checkbox'){
if (t=='1'){
e.checked = true;
}else if (t=='0'){
e.checked = false;
}
}
}
}
//-->
</script>
</head>
<body>
<a href="javascript:void(0);" onclick="checkAll(1)">全选</a>
<a href="javascript:void(0);" onclick="checkAll(0)">全不选</a><br>
<form name="checkForm" id="checkForm" method="post" action="testCheckbox.jsp">
<input type="checkbox" name="t1" id="t1" value="1">测试值1<br>
<input type="checkbox" name="t2" id="t2" value="2">测试值2<br>
<input type="submit" name="bt" value="提交">
</form>
</body>
</html>
如无转载说明,则均为本站原创文章,转载请注明:来源:子猴博客

沙发~
好复杂的代码啊
淡淡的一点孤独很美
淡淡的一点问候很醇
淡淡的一声祝福最诚
看到这些代码后才知自己是一文盲,看不懂。。
这代码~看不懂
学习一下!
不是做这方面技术的,看不懂是很正常的哦。。