I have a small html table where one column consists of a checkbox and another one some caption. Based on the table data i need to generate a XML file. Everything is working fine, but when i change the checkbox value to true or false by clicking its not reflecting in the xml file i generate. the checked attribute seems to be fixed by default. here is my code. please help me where I am wrong. thanks in advance..
<body>
<table id="fruitsTable">
<tbody>
<tr>
<td> <input type="checkbox" checked> </input> </td>
<td> Apple </td>
</tr>
<tr>
<td> <input type="checkbox" checked> </input> </td>
<td> Orange </td>
</tr>
<tr>
<td> <input type="checkbox"> </input> </td>
<td> Pineapple </td>
</tr>
<tr>
<td> <input type="checkbox"> </input> </td>
<td> Grapes </td>
</tr>
</tbody>
</table>
</br>
<button onclick="createxml()"> Show String </button>
</body>
and my java script
function createxml()
{
var table = $("#fruitsTable tbody");
var detxml = '';
detxml += '<ROOT>';
detxml += '<Data>';
var cRow = 1;
table.find('tr').each(function (i)
{
detxml += '<Report_Details ';
detxml += 'FruitName="' + $(this).find('td').eq(1).text() + '" ';
var chkval = $(this).find('td').eq(0).html();
if ($(chkval).prop('checked') == true)
{
detxml += 'Visible="1"';
}
else
{
detxml += 'Visible="0"';
}
detxml += 'DOrder="' + cRow + '" ';
detxml += '>';
detxml += '</Report_Details>';
cRow++;
});
detxml += '</Data>';
detxml += '</ROOT>';
alert (detxml);
}
Aucun commentaire:
Enregistrer un commentaire