标签：style java 使用 os io for re c
有几个非常常见的知识点，需要重点关注一下。如何显示多选框呢？<input type="checkbox" name="name" value="value1"><input type="checkbox" name="name" value="value2">。这样就能表示两个多选框，他们具有同样的name值，在JSP中，传到后台的时候，可以使用request.getParameterValues("name")来获取一个数组，数组中就包含了前端页面中传过来的多个复选框的值了。这个是题外话。今天的主要目的是通过jQuery的复习来看一下如何对复选框进行多选，反选以及不选的操作。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="jquery-1.8.3.js"></script>
<script type="text/javascript">
$(function(){
$("input[type='button'][name='selectAll']").click(function(){
$("input[type='checkbox'][name='fruit']").each(function(){
$(this).attr("checked",true);
});
});
$("input[type='button'][name='disSelectAll']").click(function(){
$("input[type='checkbox'][name='fruit']").each(function(){
$(this).attr("checked",false);
});
});
$("input[type='button'][name='reverseSelect']").click(function(){
$("input[type='checkbox'][name='fruit']").each(function(){
$(this).attr("checked",!$(this).attr("checked"));
});
});
});
</script>
</head>
<body>
<form action="#">
<input type="checkbox" name="fruit" value="apple">apple
<input type="checkbox" name="fruit" value="orange">orange
<input type="checkbox" name="fruit" value="watermelon">watermelon
<input type="checkbox" name="fruit" value="strawberry">strawberry
<input type="button" name="selectAll" value="SelectAll">
<input type="button" name="disSelectAll" value="disSelectAll">
<input type="button" name="reverseSelect" value="reverseSelect">
</form>
</body>
</html>
jQuery_review之jQuery实现多选框的反选、全选、全不选,布布扣,bubuko.com
jQuery_review之jQuery实现多选框的反选、全选、全不选
标签：style java 使用 os io for re c
原文地址：http://blog.csdn.net/ziwen00/article/details/38128475
