Comments on: Radio buttons could be defeated

By: maziar

maziar — Wed, 15 Oct 2008 00:12:42 +0000

tanx sergey , u r excellent!

By: Swetha

Swetha — Thu, 26 Jun 2008 11:43:51 +0000

My doubt is cleared now. Thank you so much.

By: Sergey Smirnov

Sergey Smirnov — Thu, 26 Jun 2008 11:21:49 +0000

Underscore is not required, “this.chk” would have worked too.

By: Swetha

Swetha — Thu, 26 Jun 2008 11:12:33 +0000

OK. So you mean that we can create our own properties using __(underscoreunderscore)

By: Sergey Smirnov

Sergey Smirnov — Thu, 26 Jun 2008 10:29:34 +0000

Swetha,

I create this property myself and assign a value of a standard “checked” to it, like this:

this.__chk = this.checked

By: Swetha

Swetha — Thu, 26 Jun 2008 10:05:24 +0000

Thanks for the clarification. But i still have a confusion. How come “__chk” acts as a property in “this” object and stores the current state? I have explored through google and i have’nt found such a property in javascript. Can you please explain me in detail if you dont mind?

Thanks,
Swetha.

By: Vladislav Nevmerzhitsky

Vladislav Nevmerzhitsky — Mon, 23 Jun 2008 10:23:35 +0000

Спасибо, все работает просто замечательно! 8)

By: Sergey Smirnov

Sergey Smirnov — Mon, 16 Jun 2008 09:33:53 +0000

Swetha,

“__chk” is just a property name in “this” object. It stores the current state of the radio button and I have come up with a name myself, you can give it any other name you want, basically.

By: Swetha

Swetha — Fri, 13 Jun 2008 07:28:47 +0000

Can you please tel me what “__chk” means in “this.__chk”?

By: Sidar Ok

Sidar Ok — Mon, 19 May 2008 14:02:12 +0000

Hi there, I couldn’t get this working (this.__chk was undefined) but I employed another approach that works for me without needing to handle mousedown event:

This is the definition of the radiobutton:

Where the ToggleRadioButton has the follwowing implementation:

var lastSelected;

function ToggleRadioButton(rb)
{
if(!lastSelected || lastSelected != rb)
{
rb.checked = true;
lastSelected = rb;
}
else
{
rb.checked = false;
lastSelected = null;
}
}

You may want to amend this if you are trying to have it more than 1 set of radio buttons, but it should be an easy anyway.

Thanks for the great post,

Sidar