JS (CheckBox)选择与取消代码

最新推荐文章于 2023-12-07 16:39:21 发布

weixin_33779515

最新推荐文章于 2023-12-07 16:39:21 发布

阅读量273

点赞数

文章标签： c# javascript ViewUI

原文链接：http://www.cnblogs.com/xiaobaigang/archive/2007/07/17/821101.html

版权

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//ZH-CN"
" http://www.w3.org/TR/html4/strict.dtd">

        <title></title>
  <script type="text/javascript">
   οnlοad=function()
   {
    setChange(document.body)
   }
   function setChange(obj)
   {
    var CHArray=obj.getElementsByTagName("input");
    for(var i=0;i<CHArray.length;i++)
    {
      CHArray[i].οnclick=function()
      {
       al(this);
      }
    }
   }
   function al(obj)
   {
    var result=document.getElementById("result");
    if(obj.checked)
    {
     if(result.value.length==0)
     {
      result.value=obj.value;
     }else
     {
      result.value+=","+obj.value;
     }
    }else
    {
     if(result.value.search(obj.value)!=-1)
     {
      if((result.value.search(obj.value)==0)&&(result.value!=obj.value))
      {
       result.value=result.value.replace(obj.value+",",'');
       return;
      }
      if(result.value.search(","+obj.value)!=-1)
      {

       result.value=result.value.replace(","+obj.value,'');
      }
      else
      {

       result.value=result.value.replace(obj.value,'');
      }
     }
    }
   }
  </script>
    </head>
<body style="font-size:12px;">
  <input type="checkbox" value="刘德华" id="a" /> <label for="a">刘德华</label>
  <input type="checkbox" value="个体工商户管理费、" id="b" /> <label for="b">个体工商户管理费、</label>
  <input type="checkbox" value="主业公告栏" id="d" /> <label for="d">主业公告栏</label>
  <input type="checkbox" value="企业年检公告 " id="e" /> <label for="e">企业年检公告 </label>
  <input type="checkbox" value="市场管理费" id="c" /> <label for="c">市场管理费</label>
  <textarea style="width:200px;height:400px;" id="result"></textarea>
</body>
</html>