js 全选

 1 <script type="text/javascript">
 2     function checkAll(name) {
 3         var el = document.getElementsByTagName(‘input‘);
 4         var len = el.length;
 5         for (var i = 0; i < len; i++) {
 6             if ((el[i].type == "checkbox") && (el[i].name == name)) {
 7                 el[i].checked = true;
 8             }
 9         }
10     }
11     function clearAll(name) {
12         var el = document.getElementsByTagName(‘input‘);
13         var len = el.length;
14         for (var i = 0; i < len; i++) {
15             if ((el[i].type == "checkbox") && (el[i].name == name)) {
16                 el[i].checked = false;
17             }
18         }
19     }
20 </script>
1     <form action="result.jsp">
2         <input type="checkbox" name="test1" value=""
3             onclick="if(this.checked==true) { checkAll(‘test‘); } else { clearAll(‘test‘); }" />
4         字母全选开关 <input type="checkbox" name="test" value="a" /> a <input
5             type="checkbox" name="test" value="b" /> b <input type="checkbox"
6             name="test" value="c" /> c <input type="checkbox" name="test"
7             value="d" /> d <input type="submit" value="submit" />
8     </form>
1 <%
2         String list[] = request.getParameterValues("test");
3     for(String s:list){
4     %>
5     <%=s %>
6     <%} %>

时间: 2024-11-25 21:30:55

js 全选的相关文章

JS全选功能代码优化

最近在看javascript MVC那本书,也感觉到自己写的代码也并不优雅,所以一直在想 用另一种模式来编写JS代码,所以针对之前的简单的JS全选功能来做个简单的demo,使用目前现在的编码方式来重新编码,当然以后会一直用这种方式来编写自己的代码.下面是如下代码: JS所有代码: /** * JS全选 * @class Checkall * @param {Object} cfg * @param {Element|selector} [cfg.container] 限定全选的容器 * @par

简单JS全选、反选代码

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2<html xmlns="http://www.w3.org/1999/xhtml"> 3<head> 4<meta http-equiv="Cont

Js全选、反选

Js全癣反选,挺常用的功能,大多数的WEB管理系统.后台管理基本上都具备这一功能,但是有很多朋友或许对此类JS的使用并不熟悉,重新分享一款JS全癣反癣清除的功能,供你使用. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="

js 全选 不选 反选

js实现 全选 不选 反选 思路: 1,获取元素 2,给全选 不选 反选添加点击事件 3,用for循环checkbox 4,把checkbox的checked设置为true即实现全选 5,把checkbox的checked设置为false即实现不选 6,通过if判断,如果checked为true选中状态的,就把checked设为false不选状态,如果checked为false不选状态的,就把checked设为true选中状态. html代码: <input type="button&qu

JS全选

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <html>    <head>        <script type="text/javascript" src="jquery-1.8.3.min.js"></script>        <scri

纯js全选、多选

使用纯js来写一个模拟购物车的全选和多选功能. 思路: 1.需要给每一个input设置点击事件 2.全选就是把所有的checkbox设置为true 3.取消一个不全选,就是判断是否全部的checkbox都被选了 代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head&

js 全选选框与取消全选代码

设置一个全选选框和四个子选框,要实现点击全选后四个子选框选中,取消全选后四个子选框也取消.全选后点击某个子选框,全选也能取消.当四个子选框都选中时,全选框也被选择. 实现代码: <script> var a=document.getElementById("a"); var b=document.getElementsByClassName("b"); //全选与取消全选 var y=true; a.onchange=function(){ if(a.c

JS 全选反选功能

全选按钮:<input type=\"checkbox\" id=\"cheSelectAll\" />选择</li>"); 选择项:<input name=\"chkItem\" type=\"checkbox\" value=\"" + this.ID + "\" /> //全选反选 $("#cheSelectAll"

js 全选全不选

checkAll: function () { //全选 if ($("#chk_SelectAll").is(":checked")) { $("input[type='checkbox']").prop("checked", true); } else { $("input[type='checkbox']").prop("checked", false); } },

关于js 全选 反选

prop 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法. attr 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法. $("#selectAll").click(function () { //全选 if ($(this).is(':checked')) { $(".reseller_checkbox:checkbox").prop("checked", true); } else { $("