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,样式文件中只需重新定义文本框和下拉框的宽度即可. 在包含的头文件 ...
随机推荐
- macOS 系统安装提示应用程序副本已损坏的解决方法
错误预览: 操作方法,关闭Wi-Fi,网线(以修改时间为 2020 为例): 再次尝试安装吧...
- ESXI虚拟机 硬盘扩容/目录（添加新硬盘）
背景: 线上服务器,磁盘Linux的虚拟机根分区已经使用90%,触发了磁盘告警,再一顿操作删除后,勉勉强强回到了82%,现在需要对根目录进行扩容. 进入到EXSI管理平台,看到原来的sda磁盘只有30 ...
- 推荐一个 python学习网站
kaggle python课程: https://www.kaggle.com/learn/python 知乎有个博主在专栏放了课程的中文版: https://www.zhihu.com/people ...
- hexo部署和优化记录
title: hexo部署和优化记录 date: 2020-06-14 09:00:03 前端 tags: hexo summary: Repository_Pages使用.Github仓库打造网页群 ...
- C#封装FluentValidation
FluentValidation是一个非常强大的用于构建强类型验证规则的 .NET 框架,帮程序员解决了繁琐的校验问题,用起来非常爽,但我还是遇到了一件非常不爽的事情,如下代码所示: public c ...
- 22_webpack_优化
Terser是一个JS的解析(Parser).Mangleer(绞肉机).Compresor(压缩机)的工具 绞肉机如:一个函数 function functionsWithLongNames(){ ...
- 基于注解的AOP
1.引入依赖 <!--spring aop依赖--> <dependency> <groupId>org.springframework</groupId&g ...
- 《Makefile中变量的高级用法：变量的替换引用、变量的嵌套使用》
高级使用方法有两种:第一种是变量的替换引用,第二种是变量的嵌套引用. 第一种用法经常用到,第二种用法我们很少使用.我们应该尽量避免使用变量的嵌套引用,在必须使用时,嵌套的层数越少越好.因为这种方法表达 ...
- PyCharm的安装使用
一.安装 1.进入官网点击下载 2.打开文件夹 3.点击next 4.选择安装路径 5.勾选创建桌面图标选项,点击next 6.点击安装 二.使用 1.import pycharm setting是指 ...
- 对比学习InfoNCE loss之“搬砖学习”
以下链接讲解清晰,供参考 对比学习损失(InfoNCE loss)与交叉熵损失的联系,以及温度系数的作用 - 知乎 (zhihu.com)