根据选择的Checkbox动态在表格中列出选择的值

根据选择的Checkbox动态在表格中列出选择的值

<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>

根据选择的Checkbox动态在表格中列出选择的值

时间: 2024-11-08 21:41:47

根据选择的Checkbox动态在表格中列出选择的值的相关文章

WPF DataGrid DataGridTemplateColumn 列头checkbox如何在代码中取消选择

0 登录进行投票 <DataGrid Name="DG">                <DataGrid.Columns>                    <DataGridTemplateColumn Width="70">                        <DataGridTemplateColumn.HeaderTemplate>                            &l

不知道属性名称,动态遍历json中的所有键值对

javascript中使用ajax技术访问后台资源的时候,常常使用json作为轻量级数据传输格式.json类似于java中的HashMap, 是由一系列的key-value键值对构成.如果后台返回给前台的json中key的值是动态生成的,那么我们没有办法使用常规 的object.name或object["name"]的方式来获取json中的值.这个时候我们需要在不知道属性名称的时候,遍历json对象 ,可以使用如下方式: var jsonObj = {"55":&q

GridControl详解(九)表格中的控件

选择完成控件后,可用+号点开ColumnEdit列,改控件的类型是RepositoryItem类型的,其相应的属性和相应的控件属性是类似的 构建数据如下: DataTable dt = new DataTable(); dt.Columns.Add("名称"); dt.Columns.Add("范围"); dt.Columns.Add("小区总数"); dt.Columns.Add("类型"); dt.Columns.Add(

jQuery获取动态表格中checkbox被选中一行的属性数据

http://www.jianshu.com/p/0ec66caf4c40 jQuery获取表格中checkbox被选中一行的属性数据

jqgrid 表格中筛选条件的多选下拉,树形下拉 ;文本框清除插件;高级查询多条件动态筛选插件

/** * @@desc 文本框清除按钮,如果isAutoWrap为false当前文本框父级必须是relative定位,boostrap参考input-group * @@author bear.LEE <571115139#qq.com> * @@since 2018-08-21 **/ ; (function ($) { $.fn.extend({ addClearBtn: function (options, $o) { var deft = { symbolClass: "f

js获取表格中的数据 以及 表格中checkbox选中一行数据

前言 不知道是不是大家也遇到过类似的表单,但我绝对是第一次见,如下图所示,表单中包含了表格. 上图中的表格数据是根据数据库中学生表而变化的,这增加了获取表中数据的复杂程度,这里仅仅是记录js如何获取数据传值到后端的办法,所以,仅以表格中张三.李四为例. 示例代码 html <div class="modal-body"> <form id="exam-score-add-form" class="smart-form">

html中动态创建表格

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>dtTable.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equ

JS实现动态生成表格并提交表格数据向后端 表格中数据转为json

原文地址 需求:在web页面上动态的生成表格,并可以对表格中的数据进行编辑,然后把表格中的数据提交至后端服务器保存. 首先动态生成表格. 1.首先我们需要导入JS库文件.jQuery 2.然后在页面div中事先创建一个空白表格,可以根据需求而定,我这里是一个带表头的表格 <table border="0" style="text-align: center;" width="100%" id="myTable">

javascript生成表格增删改查 JavaScript动态改变表格单元格内容 动态生成表格 JS获取表格任意单元格 javascript如何动态删除表格某一行

jsp页面表格布局Html代码 <body > <center> <input type="text" value="111" id="mytext"> <table border="1" width="60%" id="mytable"> <tr> <td id="td1">第一行第一列<