checkbox 应用实例 -

tting

浏览: 222594 次
性别:
来自: 上海

最近访客更多访客>>

mumume123

xfounder

jiajian_22

flyer2010

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

checkbox 应用实例

博客分类：

Java

应用实例：

<%@ page contentType="text/html; charset=utf-8" language="java"
buffer="18kb"%>
<html>
<head>
   <title>CheckBox_Application</title>
</head>
<body>
   <table id="table1">
    <tr>
     <th><input type='checkbox' onclick='javascript: checkAll(this)'>全选</th>
    </tr>
    <tr>
      <td><input type='checkbox' value="汽车" title="car" onclick="callCheck(this)">
            <a onclick="linkDetail('汽车')" style="cursor:hand">汽车</a></td>
    </tr>
    <tr>
      <td><input type='checkbox' value="房子" title="house" onclick="callCheck(this)">
            <a onclick="linkDetail('房子')" style="cursor:hand">房子</a></td>
    </tr>
    <tr>
       <td><input type='checkbox' value="朋友" title="friends"   onclick="callCheck(this)">
            <a onclick="linkDetail('朋友')" style="cursor:hand">朋友</a></td>
    </tr>
    <tr>
       <td><input type='checkbox' value="亲人" title="famaliy"   onclick="callCheck(this)">
             <a onclick="linkDetail('亲人')" style="cursor:hand">亲人</a></td>
    </tr>
   </table>
   <br>
   <input type="text" name="context" size="100">
   <input type="hidden" name="contextTemp" size="100">
</body>
<script type="text/javascript" language="javascript">
   function checkAll(o) {
    var mytable = document.getElementById("table1").getElementsByTagName("input");
    if(o.checked){//在进行全选时，把以前单独选中的数据清除，避免重复
     document.getElementById("contextTemp").value = "";
     document.getElementById("context").value = "";
    }
    for(var i=1,ci;ci=mytable[i++];) {
     ci.checked = o.checked;
     callCheck(ci);
    }
   }

   function callCheck(obj){
   var initVal = "您选择了：";
   var contectTemp = document.getElementById("contextTemp").value;
   var opVal = obj.value;
   if(obj.checked){//选中的数据项
      if(contectTemp==""||contectTemp==null){
       contectTemp = opVal;
      }else{
       contectTemp+=";"+ opVal;
      }
   }else{//取消选中项
     contectTemp = contectTemp.replaceAll(opVal+";","");
      contectTemp = contectTemp.replaceAll(";"+opVal,"");
      contectTemp = contectTemp.replaceAll(opVal,"");
    }
   if(contectTemp!=""&&contectTemp!=null){//当有选中项时，根据规则把选中内容写到内容框中
     document.getElementById("contextTemp").value = contectTemp;
      document.getElementById("context").value = initVal + contectTemp;
   }else{//当所有项都取消，同时初始化内容框
      document.getElementById("contextTemp").value = "";
      document.getElementById("context").value = "";
   }
   }
   String.prototype.replaceAll = function(s1,s2){
   return this.replace(new RegExp(s1,"gm"),s2);
   }
   function linkDetail(name){
    alert("弹出有关："+name+"的信息!");
   }
</script>
</html

分享到：

lucene对数据库创建索引时报错 | HTML:target=_blank

2011-12-15 13:52
浏览 2635
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

checkbox 应用实例

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

checkbox 应用实例

评论

发表评论

相关推荐

@RequestMapping 用法详解之地址映射

focus获取不到光标

根据XML Schema生成java类

CLOB/BLOB与String互转。

json转换

org.hibernate.LazyInitializationException: failed to lazily initialize a collect

String Stringbuffer和StringBuilder的区别?

获取当前时间的前一天和后一天

js 上传和下载本地文件

java 文件上传

java 文件下载

Specified VM install not found: type Standard VM, name jre

JAVA实现HTTP服务器端

警告：不能读取 AppletViewer 的属性文件：

SAXBuilder基本用法

jdom学习:读取xml文件

Java获取当前日期的前一个月，前一天的时间

Hql语句根据时间查询，如何查询昨天、今天、上月、本月的数据

cron 表达式的格式

java中String\十六进制String\byte[]之间相互转换函数

最近访客更多访客>>