Loading

how add 2 radio button within sigle cell of table for gender

how add 2 radio button within sigle cell of table for gender

Durga Velusamy

Durga Velusamy

11y1.1k.NET

function AddRow(TableId,result)

{

var table=document.getElementById(TableId);

var rowCount=table.rows.length;

var row=table.insertRow(rowCount);

how add 2 radio button withis my table th is Gender

here i need to add 2 label for male and female .

var cell8=row.insertCell(7);

var element7=document.createElement("input");

element7.type="radio";

element7.id="t7";

cell8.appendChild(element7);

}

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Hariharasudhan Chandramurthy11y ago
I am not getting your thoughts.. Here is my example
https://jsfiddle.net/hariharasudhan_c/rv3d96r4/1/

Please share your code and let me know what you are looking for...
0
Durga Velusamy11y ago
thank u sir,
but

its doing either display result or insert.

it does not doing both things in same .i.e if want to edit the display result means is not possible in this how to get both display result and insert.
0
Hariharasudhan Chandramurthy11y ago
Try this,

var tbl = document.getElementById(TableId);
var rowsCount = tbl.rows.length;
var row = tbl.insertRow(rowsCount);
var cell1 = row.insertCell(0);
cell1.innerText = "Name";
var cell2 = row.insertCell(1);
var r1 = document.createElement('input');
r1.type = "radio";
r1.name = "gender" + rowsCount;
r1.id = "male" + rowsCount;
var lbl1 = document.createElement('label');
lbl1.innerText = "Male";
lbl1.htmlFor = r1.id;
cell2.appendChild(r1);
cell2.appendChild(lbl1);
var r2 = document.createElement('input');
r2.type = "radio";
r2.name = "gender" + rowsCount;
r2.id = "female" + rowsCount;
var lbl2 = document.createElement('label');
lbl2.innerText = "Female";
lbl2.htmlFor = r2.id;
cell2.appendChild(r2);
cell2.appendChild(lbl2);

https://jsfiddle.net/hariharasudhan_c/rv3d96r4/1/
0