Question from the jQuery test

$(":checkbox").click(function(){
    if(!$(":checkbox").not(this).attr("checked")){
        $(this:first-child)
           .removeClass("selectedbox hasfocus")
           .addClass("unselectedbox");
    }else{
        $(this:first-child)
           .removeClass("unselectedbox")
           .addClass("selectedbox hasfocus");
    }
});

We previously place in html on each of the checkbox type tags of the first list a name="liste1" attribute and an on click="set_click(index)" attribute with an id="lid(index)" and we add on the associated labels an attribute name="label1" and an id="lbid(index)"(the choice of names is arbitrary).

Then apply the following code:

function set_click(index){
    $("input[name=label1]").each(function(){$(this).removeClass("hasfocus");});
    var ischecked-$("#lid"+ index).attr("checked");
    if(ischecked=="checked"){
        $("#lid"+index)
           .removeAttr("checked").focus();
        $("#lbid"+ index)
           .removeclass("selectedbox").addClass("hasfocus");
    }else{
       $("#lid"+ index)
          .attr("checked","checked").focus();
       $("#lbid"+ index)
          .removeClass("hasfocus").addClass("selectedbox");
    }
}

Another method.