日期:2014-05-16 浏览次数:20408 次
<input type="text" id="txtColor" value="red,Blue" />
<input type="text" id="txtQuantity" value="2,3" />
<input type="button" value="test" onClick="f()" /><br/>
<table id="tb1">
<tr class="tdData">
<td>
<label><input type="checkbox" class="cbColor" value="red" checked>
Red</label><br/>
</td>
<td>数量
<input type="text" class="txtQuantity" value="2" size="3" />
</td>
</tr>
<tr class="tdData">
<td>
<label><input type="checkbox" class="cbColor" value="green">Green</label><br/>
</td>
<td>
数量
<input type="text" class="txtQuantity" size="3" />
</td>
</tr>
<tr class="tdData">
<td>
<label><input type="checkbox" class="cbColor" value="blue" checked>
Blue</label><br/>
</td>
<td>
数量
<input type="text" class="txtQuantity" value="3" size="3" />
</td>
</tr>
<tr class="tdData">
<td>
<label><input type="checkbox" class="cbColor" value="pink">Pink</label><br/>
</td>
<td>
数量
<input type="text" class="txtQuantity" size="3" />
</td>
</tr>
</table>
function f() {
var table = document.getElementById('tb1');
var rows = table.rows; // 获取所有的行,即tr
for(var i=0;i<rows.length;i++) {
var currentRow = rows[i];// 当前行
// 得到checkbox
var checkbox = currentRow.cells[0].getElementsByTagName('input')[0];
// 得到输入框
var text = rows[i].cells[1].getElementsByTagName('input')[0];
if(checkbox.checked) {
if(text.value) {
alert('保存' + checkbox.value)
}else{
alert('不保存' + checkbox.value)
}
}
}
}