اضافه کردن item به checkboxlist سمت کلاینت

[nemidonam]

سلام
چطوری با javascript به کنترل checkboxlist ای که در صفحه دارم می تونم item اضاف کنم ؟

[ASPX]

اگه از IE استفاده میکنی این کد کارت رو راه میندازه


<asp:CheckBoxList id="CheckBoxList1" runat="server">
<asp:listitem Value="1">Item 1</asp:listitem>
</asp:CheckBoxList>
<input type="button" onclick="addToCheckBoxListControl('Item 2', '2');" value="Add To CheckBoxList" />

<script type="text/javascript">
<!--
function addToCheckBoxListControl(textValue, valueValue) {
var tableRef = document.getElementById('<%= CheckBoxList1.ClientID %>');

var tableRow = tableRef.insertRow();
var tableCell = tableRow.insertCell();

var checkBoxRef = document.createElement('input');
var labelRef = document.createElement('label');

checkBoxRef.type = 'checkbox';
labelRef.innerHTML = textValue;
checkBoxRef.value = valueValue;

tableCell.appendChild(checkBoxRef);
tableCell.appendChild(labelRef);
}
// -->
</script>

[nemidonam]

با تشکر از جوابی که دادین

مراحل جواب دادن : اول ببین کدی که گذاشتی کار می کنه بعد جواب بده . Error On Page

[nemidonam]

کسی نیست پیشنهاد بهتر بده ؟

[ASPX]

برادر جواب میده . مطمئنن اول تست میکنم بعد میذارم همون طور که گفتم در ie کار میکنه من در ie8 تست کردم.
این اسکریپت دومی که نوشتم با استفاده از جی کوئری کار میکنه و در تمام مرورگرها هم کار میکنه!!! البته قبلش باید جی کوئری رو به صفحه add کنی بعد تست بگیری


<asp:CheckBoxList id="CheckBoxList1" runat="server">
<asp:listitem Value="1">Item 1</asp:listitem>
</asp:CheckBoxList>
<input type="button" id='btn' value="Add To CheckBoxList" />

<script type="text/javascript">
<!--
$(document).ready(function () {

$('#btn').click(function () {

addToCheckBoxListControl("new text", "newval");
});

function addToCheckBoxListControl(textValue, valueValue) {

var tableRef = $('#<%= CheckBoxList1.ClientID %>');
var html = '<tr><td><input type="checkbox" id="cb' + valueValue + '" value="' + textValue + '" /> <label for="cb' + valueValue + '">' + textValue + '</label></td></tr>';
tableRef.children('tbody').append(html);
}

})
// -->
</script>