Javascript:html标签checkbox(全)选中

2010年3月15日 | 分类: 技术 | 标签: 4,086浏览 | By admin

今天在页面中要使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>

如无转载说明,则均为本站原创文章,转载请注明:来源:子猴博客





相关内容

  1. 2010年3月15日16:08

    沙发~ :wink:

  2. 2010年3月15日16:38

    好复杂的代码啊

  3. 2010年3月15日22:53

    淡淡的一点孤独很美
    淡淡的一点问候很醇
    淡淡的一声祝福最诚

  4. 2010年3月16日09:02

    看到这些代码后才知自己是一文盲,看不懂。。

  5. 2010年3月16日09:55

    这代码~看不懂

  6. 2010年3月16日13:18

    学习一下!

  7. 子猴
    2010年3月16日16:57

    笨笨 :

    看到这些代码后才知自己是一文盲,看不懂。。

    不是做这方面技术的,看不懂是很正常的哦。。

*

酷!左边勾选上复选框,评论里将显示你博客文章!
:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!:

Upload Files

你可以上传一张或多张图片,这些图片将附在你评论里