zoukankan      html  css  js  c++  java
  • table里面,怎么根据checkbox选择的一行中的某个单元格的值是否为空,来判断是否该选中

                                        <table class="stripe" id="tab2">
                                            <tr>
                                                <th>选择</th>
                                                <th>名称</th>
                                                <th>单价</th>
                                                <th>数量</th>
                                                <th>总价</th>
                                            </tr>
                                            <s:iterator value="list" status="ol">
                                                <tr>
                                                    <td><input type="checkbox" id="doSel${ol.index+1 }" name="doSel" onclick="checkAmount(this);"/></td>
                                                    <td><s:property value="Name" /></td>
                                                    <td id="p${ol.index+1 }"><s:property value="Price" /></td>
                                                    <td><select name="quantity"
                                                        onchange="multi('q${ol.index+1 }','p${ol.index+1 }','a${ol.index+1 }')" id="q${ol.index+1 }">
                                                            <option value="0"></option>
                                                            <option value="1">1</option>
                                                            <option value="2">2</option>
                                                            <option value="3">3</option>
                                                            <option value="4">4</option>
                                                            <option value="5">5</option>
                                                            <option value="6">6</option>
                                                    </select></td>
                                                    <td id="a${ol.index+1 }"></td>
                                                </tr>
                                            </s:iterator>
                                        </table>

    以下为js代码:

            function checkAmount(o){
                if(!o.checked){
                    return;
                }
                var tr = o.parentNode.parentNode;
                var tds = tr.cells;
                if(tds[4].innerHTML==null||tds[4].innerHTML==""){//判断数量那一行是否为空
                    alert("请选择数量");
                    o.checked=false;//移除选中
                }
            }
  • 相关阅读:
    set命令_Linux
    AngularJS的date 过滤器
    JMeter环境介绍
    JMeter测试计划要素
    HTTP协议的压缩及URL Encode
    fiddler配置及使用教程
    Slenium常用方法
    Selenium八大定位
    CSS实现上下左右垂直居中
    SASS用法笔记
  • 原文地址:https://www.cnblogs.com/heyuxiu/p/6248459.html
Copyright © 2011-2022 走看看