欢迎光临
我们一直在努力

来一个经典:根据选择的Checkbox动态在表格中列出选择的值

建站超值云服务器,限时71元/月

<style>
p,div,body,td,input,checkbox,button{font-size:9pt;}
</style>
<script language="vbscript">

function vbtrim(str)
    vbtrim=trim(str)
end function

function vbisnumeric(ivar)
    vbisnumeric=not isnumeric(ivar)
end function

</script>
<script language="javascript">
<!–
var chkval=new array();
var curstr  =0;

function checktable()
{
    if(typeof(form1.wtfs.length)=="undefined") alert(数目不够,无法继续。);      // one checkbox err
    wtab.style.visibility="visible";                                             // display table
    var wtfsmc="";
    chkval[curstr]="";
    for(i=0;i<form1.wtfs.length;i++)
    {
        if (form1.wtfs[i].checked)
        {
            wtfsmc+=vbtrim(form1.wtfs[i].nextsibling.nodevalue)+",";
            chkval[curstr]+=vbtrim(form1.wtfs[i].value)+",";
            form1.wtfs[i].checked=false;
            form1.wtfs[i].disabled=1;
        }
    }
    
    if (wtfsmc!="")
    {   wtfsmc=wtfsmc.substring(0,wtfsmc.length-1)
        chkval[curstr]=chkval[curstr].substring(0,chkval[curstr].length-1)
        addtr(wtfsmc,curstr);
        curstr++;
    }
}

function addtr(mc,iindex)
{
    //wtfsmc=obj.nextsibling.nodevalue;                                            // checkbox后面的文字
    irow=wtab.rows.length;
    if (irow==1)                                                                // xuhao value
    {
        xuhao=1
    }
    else
    {
        xuhao=parseint(wtab.rows[irow-1].cells[0].innertext)+1;
    }
    if (form1.ynlj.checked)                                                        //   是否
    {
        shifou="<font color=green>是</font>";
    }
    else
    {
        shifou="<font color=blue>否</font>";
    }
    czuo="[ <a href=# onclick=javascript:deltab("+iindex+",event.srcelement.parentelement.parentelement.rowindex)>删除</a> ]";
    mynewrow =wtab.insertrow();                                      //  insert tr row
    for (j=0; j <wtab.rows(irow-1).cells.length; j++)
        {
            mynewcell = wtab.rows[irow].insertcell(j) ;            //  insert td cecll of tr collection
            switch(j)
            {
                case 0:
                    wtab.rows[irow].cells(j).innerhtml = xuhao+" ";            wtab.rows[irow].cells(j).align="right";
                    break;
                case 1:
                    wtab.rows[irow].cells(j).innerhtml = " "+mc;            wtab.rows[irow].cells(j).align="left";
                    break;
                case 2:
                    wtab.rows[irow].cells(j).innerhtml =" "+ shifou;            wtab.rows[irow].cells(j).align="left";
                    break;
                case 3:
                    wtab.rows[irow].cells(j).innerhtml = czuo;            wtab.rows[irow].cells(j).align="center";
                    wtab.rows[irow].cells(j).attachevent (onmouseover,setcolor_1);
                    wtab.rows[irow].cells(j).attachevent (onmouseout, setcolor_2);
                    break;
            }
        }
}

function deltab(chkid,iindex)
{
    wtab.deleterow(iindex);
    for(i=0;i<chkval[chkid].length;i++)
     {
        if(chkval[chkid].substr(i,1)!=",")
         {
            idx=parseint(chkval[chkid].substr(i,1));
            for(j=0;j<form1.wtfs.length;j++)
             {
                if (form1.wtfs[j].value==idx)
                {
                    form1.wtfs[j].disabled=0;
                }
             }
         }
     }
}

function setcolor_1()
{
    var td=event.srcelement;
    td.bgcolor="#0099ff";
    return true;
}

function setcolor_2()
{
    var td=event.srcelement;
    td.bgcolor="";
    return true;
}
//–>
</script>
<form name=form1>
<table border="1" width="100%" bordercolorlight="#006699" cellspacing="0" bordercolordark="#ffffff">
    <tr>
      <td width="100%">
        <div align="center">
          <center>
          <table border="0" width="98%" cellspacing="0" cellpadding="2">
            <tr>
              <td width="100%" colspan="3"></td>
            </tr>
            <tr>
              <td width="107" rowspan="7" bgcolor="#eeeeee" style="border: 1 solid #d8d8d8">     <br>              
              </td>
              <td colspan="2" width="100%"> <font class="navpoint">4</font> <b>当前选择的方式:</b><font color=red>成交金额累计</font>    <font class="navpoint">4</font> <b>方式名称:</b><font color=blue>sdasd</font></td>
            </tr>
            <tr>
              <td colspan="2" align="left" width="100%">
                <hr width="95%" size="1" color="#808080">
              </td>
            </tr>
            <tr>
              <td width="2%"></td>
              <td width="98%" rowspan="5" valign="top">
                <table border="0" width="100%" cellspacing="0" cellpadding="2" bgcolor="#fffffa">
  <tr>
    <td width="66%"><fieldset><table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td width="33%">
<input type="checkbox" value="0   " name="wtfs">莫名其妙</td>
    <td width="33%">
<input type="checkbox" value="1   " name="wtfs">乱七八糟</td>
    <td width="34%">
<input type="checkbox" value="2   " name="wtfs">小键盘</td>
  </tr>
  <tr>
    <td width="33%">
<input type="checkbox" value="3   " name="wtfs">电话号码</td>
    <td width="33%">
<input type="checkbox" value="4   " name="wtfs">任我行吗</td>
    <td width="34%">
<input type="checkbox" value="5   " name="wtfs">自助快餐</td>
  </tr>
  <tr>
    <td width="33%">
<input type="checkbox" value="6   " name="wtfs">其它委托</td>
    <td width="33%">
<input type="checkbox" value="7   " name="wtfs">远程接入</td>
    <td width="34%">
<input type="checkbox" value="8   " name="wtfs">黎明天亮</td>
  </tr>
  <tr>
    <td width="33%">
</table></fieldset></td>
    <td width="34%" valign=top><fieldset><input type="checkbox" value="0" name="ynlj">按累计交易额计算<br><br> <img border=0  id="image1" name=image1 style="cursor:hand" src="http://www.dev-club.com/club/bbs/images/small_logo2.gif"  onclick="javascript:checktable()"><br><table border="0" width="20%" cellspacing="0" cellpadding="0"><tr><td width="100%" height=6></td></tr></table></fieldset></td>
  </tr>
  <tr>
    <td width="100%" colspan="2">
      <div align="center">
        <center>
        <table id=wtab border="1" width="99%" cellspacing="0" bordercolorlight="#336699" bordercolordark="#ffffff" cellpadding="1" style="visibility: hidden">
          <tr bgcolor=#f9e486>
            <td width="10%" align="center">序号</td>
            <td width="40%" align="center">委托方式</td>
            <td width="30%" align="center">是否按累计交易额计算</td>
            <td width="30%" align="center">操作选项</td>
          </tr>
        </table>
        </center>
      </div>
    </td>
  </tr>
</table>
</td>
            </tr>
            <tr>
              <td width="2%"></td>
            </tr>
            <tr>
              <td width="2%"></td>
            </tr>
            <tr>
              <td width="2%"></td>
            </tr>
            <tr>
              <td width="2%"></td>
            </tr>
            <tr>
              <td colspan="3" width="100%">
                <hr width="98%" size="1" color="#808080">
              </td>
            </tr>
            <tr>
              <td width="100%" colspan="3" align=right>
<table border="0" width="80%" cellspacing="0">
                    <tr>
                      <td width="34%" align="right"><input class="hand" type="button" value="<< 上一步 " style="border: 1 solid #1d1d1d" onclick="javascript:history.back()"></td>
                      <td width="23%"><input class="hand" type="submit" value="下一步 >>" style="border: 1 solid #1d1d1d" ></td>
                      <td width="43%">      <input class="hand" type="button" value="关闭窗口" style=" border: 1 solid #1d1d1d" onclick="javascript:(confirm(真的确定关闭吗?))?window.close():1==2;"></td>
                    </tr>
</table><br>
              </td>
            </tr>
          </table>
          </center>
        </div>
      </td>
    </tr>
  </table>
  </form>

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 来一个经典:根据选择的Checkbox动态在表格中列出选择的值
分享到: 更多 (0)

相关推荐

  • 暂无文章