js 判断表格的值
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<table width="500px" border="1px solid #ccc" id="table">
<thead>
<tr id="thead">
<td id="sl">数量</td>
<td >需求日期</td>
<td class="small">标的价</td>
<td class="company">中标</td>
<td class="one"><input type="" name="" value="某公司"></td>
<td class="two"><input type="" name="" value="工厂"></td>
<td class=three><input type="" name="" value="年有限"></td>
<td class="two"><input type="" name="" value="黄老吉"></td>
<td class=three><input type="" name="" value="年有限"></td>
</tr> </thead>
<tbody class="parent">
<tr>
<td><input type="" name="" value="1"></td>
<td><input type="" name="" value="1"></td>
<td class="small"><input type="" name="" value="500"></td>
<td class="company"><input type="" name="" value="某公司"></td>
<td class='one'><input type="" name="" value="1200"></td>
<td><input type="" name="" value="100"></td>
<td><input type="" name="" value="800"></td>
<td><input type="" name="" value="100"></td>
<td><input type="" name="" value="800"></td>
</tr>
<tr>
<td><input type="" name="" value="1"></td>
<td><input type="" name="" value="1"></td>
<td class="small"><input type="" name="" value="600"></td>
<td class="company"><input type="" name="" value="工厂"></td>
<td class='one'><input type="" name="" value="300"></td>
<td><input type="" name="" value="800"></td>
<td><input type="" name="" value="200"></td>
<td><input type="" name="" value="800"></td>
<td><input type="" name="" value="200"></td>
</tr>
<tr>
<td><input type="" name="" value="1"></td>
<td><input type="" name="" value="1"></td>
<td class="small"><input type="" name="" value="700"></td>
<td class="company"><input type="" name="" value="年有限"></td>
<td class='one'><input type="" name="" value="500"></td>
<td><input type="" name="" value="150"></td>
<td><input type="" name="" value="8210"></td>
<td><input type="" name="" value="150"></td>
<td><input type="" name="" value="1000"></td>
</tr>
<tr>
<td><input type="" name="" value="1"></td>
<td><input type="" name="" value="1"></td>
<td class="small"><input type="" name="" value="500"></td>
<td class="company"><input type="" name="" value="黄老吉"></td>
<td class='one'><input type="" name="" value="500"></td>
<td><input type="" name="" value="150"></td>
<td><input type="" name="" value="1000"></td>
<td><input type="" name="" value="150"></td>
<td><input type="" name="" value="1000"></td>
</tr>
</tbody>
</table> <script type="text/javascript"> function panduan(table) {
var tableObj = document.getElementById('table');
for (var i = 1; i < tableObj.rows.length; i++) { //遍历Table的所有Row for (var j = 0; j < tableObj.rows[i].cells.length; j++) { //遍历Row中的每一列 if(tableObj.rows[i].cells[3].firstChild.value==tableObj.rows[0].cells[j].firstChild.value){
var number1=Number(tableObj.rows[i].cells[j].firstChild.value);
var number2=Number(tableObj.rows[i].cells[2].firstChild.value);
if(number1>number2){
tableObj.rows[i].cells[j].firstChild.style.border="3px solid red"; }else{
tableObj.rows[i].cells[j].firstChild.style.border="3px solid green";
}
break; } } } }
panduan(table);
</script>
</body>
</html>
js 判断表格的值的更多相关文章
- JS判断时特殊值与boolean类型的转换
扒开JQuery以及其他一些JS框架源码,常常能看到下面这样的判断,写惯了C#高级语言语法的我,一直以来没能系统的理解透这段代码. var test; //do something... if(tes ...
- js 判断数组的值是否有重复
方法一: var s = ary.join(",")+","; for(var i=0;i<ary.length;i++) { if(s.replace( ...
- JS判断数组的值出现的次数，以及去重
var arr = ["曹阳","曹阳","曹阳","张三","张三","张三" ...
- JS判断输入框值是否为空
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...
- js 判断数组包含某值的方法 和 javascript数组扩展indexOf()方法
var questionId = []; var anSwerIdValue = []; ////javascript数组扩展indexOf()方法 Array.prototype.indexOf ...
- JS 判断 Radio 单选按钮是否为选中状态 并弹出 值信息
今天项目中所解决的问题:JS 判断 Radio 单选按钮是否为选中状态 并弹出 值信息,一开始总是获取不到 radio 的值,后来发现逻辑存在些问题,特此共享该代码留笔记 和 分享给遇到 这类问题的 ...
- js判断值是否为数字
js判断是否是数字 第一种方法 isNaN isNaN 返回一个 Boolean 值,指明提供的值是否是保留值 NaN (不是数字). NaN 即 Not a Number isNaN(numValu ...
- 转：JS判断值是否是数字（两种方法）
JS判断值是否是数字 1.使用isNaN()函数 isNaN()的缺点就在于 null.空格以及空串会被按照0来处理 NaN: Not a Number /***判断是否是数字***/ 1 2 3 ...
- JS对文本框值的判断
JS判断只能是数字和小数点(摘录自其它资料,在此发表只为个人以后使用查找方便) 1.文本框只能输入数字(不包括小数点) <input onkeyup="this.value=this. ...
- 为不同分辨率单独做样式文件，在页面头部用js判断分辨率后动态加载定义好的样式文件
为不同分辨率单独做样式文件,在页面头部用js判断分辨率后动态加载定义好的样式文件.样式文件命名格式如:forms[_屏幕宽度].css,样式文件中只需重新定义文本框和下拉框的宽度即可. 在包含的头文件 ...
随机推荐
- ALBERT论文简读
问题描述 预训练自然语言表征时,增加模型的参数量通常可以是模型在下有任务中性能提升.但是这种做法对硬件设备的要求较高(当下的各种SOTA模型动辄数亿甚至数十亿个参数,倘若要扩大模型规模,这个内存问题是 ...
- express的使用：数据库相关（三）
1.定义:用来组织,存储和管理数据的仓库 2.分类 a.MySQL(最广泛,流行度最高,community+enterprise),关系数据库,SQL数据库 b.Oracle (收费),关系数据库,S ...
- web-bootstrap-button
20:51:55 页面上两个button 并列,且空出间隔.
- Java笔记_方法重载
/** * @ClassName OverLoadExercise * @Description TODO * @Author Orange * @Date 2021/4/19 8:29 * @Ver ...
- pytest（5）-自定义用例顺序(pytest-ordering)-后续学习
前言 测试用例在设计的时候,我们一般要求不要有先后顺序,用例是可以打乱了执行的,这样才能达到测试的效果. 有些同学在写用例的时候,用例写了先后顺序, 有先后顺序后,后面还会有新的问题(如:上个用例返回 ...
- java中线程的两种创建方式
第一种:继承java.lang.Thread类.然后重写run方法 例如我们模拟一个龟兔赛跑 1 package edu.aeon.thread; 2 3 /** 4 * 说明:模拟龟兔赛跑 5 * ...
- python requests 模拟登录
转载: https://blog.csdn.net/m0_59485658/article/details/128115786
- MybatisPlus #{param}和${param}的用法详解
作用 mybatis-plus接口mapper方法中的注解(如@Select)或者xml(如)传入的参数是通过#{param}或者${param}来获取值. 区别 1.解析方式: #{param}:会 ...
- linux扩展与缩减lv大小
在线扩展lv 给vg添加新的pv并扩展lv大小 将新加磁盘生成pv pvcreate /dev/sdd 将pv加入vg vgextend vg_name /dev/sdd 先扩展lv物理边界,大小增加 ...
- SSD1306 屏幕使用-Micropython
1.I2C总线是什么? I2C:俗称集成电路总线,是一种简单.双向二线制同步串行通信总线,使用多主从架构.它只需要两根线即可在连接于总线上的器件之间传送信息. 主器件用于启动总线传送数据,并产生时钟以 ...