Loading

Change GridView checkbox text value when clicked in Javascript

Change GridView checkbox text value when clicked in Javascript

peter

5y991Web Development

I want to be able to change the text value of checkbox id="chkBxHeader" to Check when clicked and Uncheck again in javascript

AllowSorting="True" AutoGenerateColumns="False" DataSourceID="SqlDataSource1"
>

3 Replies

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

Sachin Singh5y ago
Accepted answer
with Javascript
"text/javascript">
        function HeaderClick(chk) {

            if (chk.checked) {
chk.nextSibling.innerHTML="check";
            } else{
chk.nextSibling.innerHTML="uncheck";
}
        }

with jquery
function HeaderClick(chk) {
var label = $(chk).next('label');
if (chk.checked) {
   $(label).text("check");
}else{
$(label).text("uncheck");
}
};
+4
Sachin Singh5y ago
siblings mean the brothers and sisters, that is the children of the same parent.
here, the header template produces a checkbox and a label (Text), yes, the text is actually a Label, so is actually the sibling of the checkbox, that's what I did.

Mark as accepted if it helped.
Thanks.
+1
peter5y ago
Works just fine!

Can i enquire what the nextSibling property does? i would presume it would reference the next checkbox.and not the text property instead.

Many thanks
+1