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,样式文件中只需重新定义文本框和下拉框的宽度即可. 在包含的头文件 ...
随机推荐
- Gitlab Ubuntu部署
一.安装存储库 sudo curl -s https://packages.gitlab.com/install/repositories/gitlab/gitlab-ce/script.deb.sh ...
- JQUERY动态的修改<div>样式
首先需要引入JQUERY <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> & ...
- fastdfs java客户端操作
https://github.com/happyfish100/fastdfs-client-java 到此处下载下来demo 这里采用maven的方式 mvn clean install 上传到本地 ...
- 微服务笔记之Eureka03(服务注册分析)
服务注册接口源码分析: com.netflix.eureka.resources.ApplicationResource#addInstance public Response addInstance ...
- 2.5 OpenEuler 中C与汇编的混合编程
2.5 OpenEuler 中C与汇编的混合编程 任务详情 在X86_64架构下实践2.5中的内容,提交代码和实践截图 把2.5的内容在OpenEuler中重新实践一遍,提交相关代码和截图 任务一x8 ...
- 牛客算法进阶——树形dp
1. 小G有一个大树(求树的重心) 删除该点后最大连通块的节点数最小 设f[x]表示以x为根的子树大小,那么删除x之后的各子树大小为f[to]和n-f[x] 求max(max(f[to]),n-f[x ...
- 网络负载均衡LVS
目录 集群负载均衡 一.网络协议原理 1.1 七层模型 什么是协议 1.2 五层模型 1.3 TCP协议 面向连接 表头参数缓存验证 Recv-Q/Send-Q 四元组 TCP三次握手 验证 TCP四 ...
- Android学习——控件EditText
1.主要属性
- linuxz中压缩解压缩文件
压缩解压缩.tar格式文件: 把文件打包为tar.gz命令: tar -zcvf 文件名.tar.gz 要压缩的文件/文件夹 ...
- Leecode剑指 Offer 07. 重建二叉树
输入某二叉树的前序遍历和中序遍历的结果,请重建该二叉树.假设输入的前序遍历和中序遍历的结果中都不含重复的数字. 例如,给出 前序遍历 preorder = [3,9,20,15,7]中序遍历 inor ...