Comments on: jQuery Plugin – Radio button with Checkbox Behavior – Updated

By: the666bbq

the666bbq — Tue, 03 Feb 2009 12:06:12 +0000

for those using PHP, the filter on name might be to strict if you use array names (PHP uses them to combine some elements) and the PHP framework I am using (QCodo) has them on name too. Square brackets in name and/or id might not be W3C compliant but since PHP uses them I extended the name filter expression to :

var prefix = expression;
expression += “[@name=" + name + "]“;
expression += “, ” + prefix + “[@name^=" + name + "\[]“;

so basicly filter on elements with name attribute equal to the chosen name, and also apply to those elements starting with the chosen name[

now you have both name=LIST and name=LIST[ in your filtering results

By: the666bbq

the666bbq — Fri, 30 Jan 2009 15:24:21 +0000

Hi, thanks for this plugin,
I modified it somewhat so that could have multiple selected checkboxes behaving like a radio (once you check at least one, you cannot uncheck) so that you have all 4 circumstances “checked”

normal radio : zero or one, once selected, always one
normal checkboxes : zero or multiple
radioCheckboxGroup : the real zero or one
radioMultipleCheckboxGroup : zero or multiple, once selected at least one.

to do so I added radioMultipleCheckboxGroup as a copy of radioMultipleCheckboxGroup and changed the x.click to :

var boo = false;
for (var inti=0;inti {
if (x[inti].checked==true)boo=true;
}
if (!boo)
{
return false;
}

By: Dragos

Dragos — Thu, 02 Oct 2008 11:41:28 +0000

Better try this as the above I think have some problems (anywai in FF I saw it, try use mouse/keyboard to see what I mean)

Here it is:

$.fn.extend({
triState:function(){
return this.each(function(){
$(this).data(‘status’, $(this).attr(‘checked’));
$(this).focus(function(){ $(this).data(‘status’, $(this).attr(‘checked’)); });
$(this).blur(function(){ $(this).data(‘status’, $(this).attr(‘checked’)); });
$(this).mousedown(function(){ $(this).data(‘status’, $(this).attr(‘checked’)); });
$(this).keydown(function(){ $(this).data(‘status’, $(this).attr(‘checked’)); });
$(this).click(function(){
if ($(this).data(‘status’))
$(this).attr(‘checked’, false);
$(this).data(‘status’, $(this).attr(‘checked’));
});
});
}
});

It’s working good on (tested) FF, IE(7 anyway, still may be a little problem there), Opera, Safari (for Win).

P.S. Use as (where “radioid” is the ID used by radio buttons…)

By: Web 2.0 Announcer

Web 2.0 Announcer — Sun, 09 Mar 2008 16:19:37 +0000

jQuery Plugin – Radio button with Checkbox Behavior – Updated…

[...]Ever wanted Radio-buttons having Checkbox behavior..?
I mean Radio-buttons which you can click and CHECK and once again click and UNCHECK.
Here is a jQuery plug-in which will let you do with just single line of code.[...]…