提问：每选中/取消一个checkbox，在table里增加/减少一行

Question

在这有,你瞧下,
http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/table.asp?frame=true
方法是
tableid.deleteRows(input.value * 1 - 1);
tableid.inserRow(input.value * 1 - 1);

Answer 1

<script type="text/javascript">
function createTR(){
var newEle;
var btn = document.getElementById("addSubjectBefore");
var con = document.getElementById("editTable");

if(!btn || !con) return;

var newEle = document.createElement("DIV");
newEle      = con.insertBefore(newEle,btn);

if(newEle){
newEle.innerHTML = "<div>\n2222222</div>\n";
}

}
</script>
<div id="editTable" >
<div id="addSubjectBefore">
</div>
</div>

Answer 2

我认为这样不好,
每加一次就要加一个DIV和TABLE.而那要一个TR TD就得了,

Answer 3

<input type="checkbox" name="indexItem" value="20" checked onclick="clickFun(this);">测试一
<input type="checkbox" name="indexItem" value="21" onclick="clickFun(this);">测试二
<input type="checkbox" name="indexItem" value="22" onclick="clickFun(this);">测试三<table >
<tr>
  <td>ID</td>
  <td>名称</td></tr>
<tr id=indexItemTr20 >
  <td>20</td>
  <td>测试一</td>
</tr>
<tr id=indexItemTr21 style="display:none">
  <td>21</td>
  <td>测试二</td>
</tr>
<tr id=indexItemTr22 style="display:none">
  <td>22</td>
  <td>测试三</td>
</tr>
</table>
<script>
function clickFun(obj)
{
if(obj.checked ) document.all("indexItemTr"+obj.value).style.display="";
else document.all("indexItemTr"+obj.value).style.display="none";
}</script>