<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;//移除选中 } }