<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代碼:this
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;//移除選中 } }