I have a treeview in asp.net with dynamic content populated at run time , i want to select just one node for which i copied java script from online to do this which works, as i am new in c# and java script , but it has one issue that it works at page level i.e it also uncheck all other checkbox controls in that same page.
What i want is this java script to work at only this treeview item only instead of all control at page level, i tried by specifying treeview as tag name in JS function but didnt work , please help me in this regard as to what to change exactly
My treeview is defined like this in aspx page :
<asp:TreeView ID="tvwItems"
and this is called like below in c# code file at page render level event :
tvwItems.Attributes.Add("OnClick","client_OnTreeNodeChecked(event)");
The java script is as following :
What I have tried:
<script type="text/javascript">
function client_OnTreeNodeChecked(event) {
var treeNode = event.srcElement || event.target;
if (treeNode.tagName == "INPUT" && treeNode.type == "checkbox") {
if (treeNode.checked) {
uncheckOthers(treeNode.id);
}
}
}
function uncheckOthers(id) {
var elements = document.getElementsByTagName('input');
for (var i = 0; i < elements.length; i++) {
if (elements.item(i).type == "checkbox") {
if (elements.item(i).id != id) {
elements.item(i).checked = false;
}
}
}
}
</script>
Many thanks
Chandan