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>

时间： 2024-10-07 08:09:58

js 判断表格的值的相关文章

学习小记：JS判断时特殊值与boolean类型的转换

扒开JQuery以及其他一些JS框架源码,常常能看到下面这样的判断, 写惯了C#高级语言语法的我,一直以来没能系统的理解透这段代码. var test; //do something... if(test){ //do something... } 此处就系统的记录一下这个JS特殊值与boolean类型的转换,测试代码与结果如下 window.onload = function () { var minusNum = -1; var zero = 0; var one = 1; var stri

js 判断数组的值是否有重复

方法一: var ary = new Array("111","22","33","111"); var s = ary.join(",")+","; for(var i=0;i<ary.length;i++) { if(s.replace(ary[i]+",","").indexOf(ary[i]+",")>-1)

JS判断元素文本值是否为空

if (aM.value == null || typeof (aM.value) == "undefined" || aM.value == "" || typeof (parseInt(aM.value)) == "number") { isok = true; }

js 判断input的值是否为数字

<input onkeyup="this.value=this.value.replace(/[^0-9-]+.[^0-9-]+/,'');" id="retailPrice" type="text" class="layui-input" name="commodityDetails.retailPrice" required oninput="OnInputMath (event)&qu

JS判断输入框值是否为空

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>JS判断输入框的值是否为空</title> </head> <body> <input type="text" id="txt"/> <input type="but

js 判断 0<15<30返回值是 true

与java不一样,因为js是弱语言 0<15 返回布尔类型 true,表达式变成true<30, js 有默认类型转换机制,表达式true<30 中的true会转换成number类型 1,从而变成1< 30,就得到true; 总结:一般不要适应,if(0<15<30)这种,一般用&& 或者 || : js中null,NaN,'',undefined,false,0都为false,js中的对象,数值出了0都为true, var x={o:0,p:1,q

js 判断数组包含某值的方法和 javascript数组扩展indexOf()方法

JS 判断 Radio 单选按钮是否为选中状态并弹出值信息

今天项目中所解决的问题:JS 判断 Radio 单选按钮是否为选中状态并弹出值信息,一开始总是获取不到 radio 的值,后来发现逻辑存在些问题,特此共享该代码留笔记和分享给遇到这类问题的兄弟们参考: <script type="text/javascript"> //判断个函数以上 5 个Radio 那个为选中状态 function judgeRadioClicked() { //获得单选选按钮name集合 var radios = document.ge

js判断浏览器类型

js判断浏览器类型 <script type="text/javascript" > <!-- function getOs() { var OsObject = ""; if(isIE = navigator.userAgent.indexOf("MSIE")!=-1) { return "MSIE"; } if(isFiref