用js 在table里循环添加一行，每行里有一组radio，怎样实现每组radio都能单选

JavaScript015

用js 在table里循环添加一行，每行里有一组radio，怎样实现每组radio都能单选,第1张

给每行添加一个计数属性cid，该行radio的name="abc"+cid

js添加行时读取当前最后一行的cid，然后cid = parseInt(cid) + 1

例如：

function add() {

    //...

    //get elements

    var tr = getElementsByTagName('tr')

    var cid = tr[tr.length-1].getAttribute('cid')

    cid = parseInt(cid) + 1

    name = "abc" + cid

    //...

    //...set attribute

    //...add elements

    //...

}

HTML code<script language="javascript" type="text/javascript">

function add(){

var tb = document.getElementById("tb")

var tr = tb.insertRow(0)

tr.style.cssText = tb.rows[1].style.cssText

var td = tr.insertCell()

td.innerHTML = "00000"

}

</script>

<input type="button" onclick="add()" value="add">

<table id="tb">

<tr style="background:#CCC"><td>xxx</td></tr>

</table>

------解决方案--------------------

JScript code/*

insertRow()这样是IE独有的.

标准用法是:

insertRow(-1): index为-1的时候就是默认插在最后一行.

insertRow( 0): index为0的时候就是插在第一行

至于样式一样 应该在样式表里统一设置.