下拉带复选框之一

 <HTML><HEAD><TITLE></TITLE>

<style type="text/css">
<!--
.close{
  visibility:hidden;
  cellPadding=0; cellSpacing=0 ;
  height:21px;font:9pt;text-align:center
 
   }
.open{
  visibility:visible;
  cellPadding=0; cellSpacing=0 ;
  height:21px;font:9pt;text-align:left;
  BORDER-TOP: #000000 1px solid;
  BORDER-BOTTOM: #000000 1px solid

   }
.openleft{
  visibility:visible;
  cellPadding=0; cellSpacing=0 ;
  height:21px;font:9pt;text-align:left;
  BORDER-TOP: #000000 1px solid;
  BORDER-LEFT:#000000 1px solid ;
  BORDER-BOTTOM: #000000 1px solid
  }
.openright{
  visibility:visible;
  cellPadding=0; cellSpacing=0 ;
  height:21px;font:9pt;text-align:left;
  BORDER-TOP: #000000 1px solid ;
  BORDER-RIGHT:#000000 1px solid ;
  BORDER-BOTTOM: #000000 1px solid
  }
-->
</style>
<script language=Javascript>
var values="";

function checkAll(e, itemName)
{
  var bb;
  var aa = document.getElementsByName(itemName); 
  for (var i=0; i<aa.length; i++)
  {
 aa[i].checked = e.checked; 
  }
  if (!e.checked)
  {
 document.form1.aaa.value="";
  }
  else
  {
    document.form1.aaa.value="All";
  }
}

function checkItem(e, allName)
{
  var all = document.getElementsByName(allName)[0];
  if(!e.checked)
  {all.checked = false;
   showItem("b1");
  }
  else
  {
  showItem("b1");
    var aa = document.getElementsByName(e.name);
    for (var i=0; i<aa.length; i++)      
  if(!aa[i].checked) return; 
  all.checked = true;
 document.form1.aaa.value="All";
  }
 
}

function showItem(itemName)
{
var aa = document.getElementsByName(itemName);
for (var i=0;i<aa.length ;i++)
{
 if (aa[i].checked)
 {
  if (values=="")
  {
   values = aa[i].value;
  }
  else
  {
   values = values + "," + aa[i].value;
  }
 }
}
document.form1.aaa.value=values;
values="";
}
</script>

<META http-equiv=Content-Type content="text/html; charset=gb2312">
<LINK href="css.css"  type=text/css rel=stylesheet>
<BODY bgColor=#dedfde leftMargin=0 marginwidth="0" topmargin="0">
<TABLE width="80%"  align="center" cellPadding=0 cellSpacing=0  id="thelast">
  
    <TR  height="67">
   <TD valign="top" width="9%">
   <table width="100%" class=close 
     onMouseOut="this.style.visibility='hidden'";
     onMouseOver="this.style.visibility='visible'" cellpadding="0" cellspacing="0">
  <form name="form1" method="post" action="">
     <tr>
     <td height=23 align="left"><input type="text" name="aaa" class=openleft id="aaa"></td>
     </tr>
  <tr>
       <td align="left">
    <input type="checkbox" name="b1ALL" οnclick="checkAll(this, 'b1')">全选</td>
     </tr>
  <tr>
       <td align="left">
    <input type="checkbox" name="b1" value="bbb" οnclick="checkItem(this, 'b1ALL')">bbb</td>
     </tr>
     <tr>
       <td align="left">
    <input type="checkbox" name="b1" value="ccc" οnclick="checkItem(this, 'b1ALL')">ccc</td>
     </tr>
     <tr>
       <td align="left">
       <input type="checkbox" name="b1" value="ddd" οnclick="checkItem(this, 'b1ALL')">ddd</td>
     </tr> 
  </form>  
     </table>

</TD></TR>

</TABLE>

</BODY>

</HTML>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值