Question du test jQuery

$(":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");
    }
});

On place préalablement en html sur chacune des balises de type checkbox de la première liste un attribut name="liste1" et un attribut on click="set_click(index)" avec un attribut id="lid(index)" et on rajoute sur les labels associés un attribut name="label1" et un id="lbid(index)" (le choix des noms est arbitraire).

On applique ensuite le code suivant :

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");
    }
}

Une autre méthode.