Utilisez les deux jQuery.checkbox & jQuery.field

voix
0

Merci pour votre temps.

Je suis en train d'utiliser 2 solutions Jquery sur une forme, mais je ne peux pas obtenir le résultat souhaité après avoir travaillé pendant plusieurs heures.

La première solution jquery permet un meilleur look and feel http://www.envirotalk.com.au/jquery/jquery-checkbox.htm

La seconde solution permet de jquery une limite à fixer sur le nombre de cases sélectionnées. http://www.envirotalk.com.au/jquery/jquery-field.htm

Ceci est ma tentative de combiner les deux. http://www.envirotalk.com.au/jquery/combined.htm

Je crois que le problème est lié à cette ligne de code, mais je ne peux pas être certain.

setLimitSelection();

Le résultat que je suis en train de réaliser.

  • Regarde et ressent; jquery-case
  • Limiter le nombre de cases à cocher, on peut sélectionner; jquery-terrain
  • Le message d'erreur; jquery-terrain
  • Effacement de la valeur de champ supplémentaire une fois dépassé la limite; jquery-terrain.

Si quelqu'un a le temps de jeter un coup d'oeil et aidez-moi, ce serait grandement apprécié.

Cordialement

zeroanarchy

Créé 27/07/2009 à 13:55
source utilisateur
Dans d'autres langues...                            


2 réponses

voix
0

Les deux plug-ins sont en conflit probablement entre eux, puisque le code que vous utilisez est le même que ceux donnés dans les exemples individuels. Pour limiter les cases qui peuvent être sélectionnés, vous pouvez essayer ceci:

function setLimitSelection(){
    $("input[type=checkbox]").click(function(){
        var checkboxes_to_allow = 3;
        if($('input[type=checkbox]:checked').length == (checkboxes_to_allow+1)){
            //show error message
            return false;
        } else {
            //clear message
        }
    });
}

Je pense que le code est assez clair pour ne pas besoin de commentaires?

Créé 28/07/2009 à 07:45
source utilisateur

voix
0

Bonjour, Je pense que vous pouvez résoudre le problème avec une petite variable d'état comme Checkfield:

var checkfield = false;

$("input[name ='name']").limitSelection({

limit: 3,
onfailure: function (n){
checkfield = true;
return false;
}
}).click(function (){
if (field6error)
{   
$(this).checkBox('changeCheckStatus', false);
checkfield = false;
alert("Not more than 3 values!")
return false;
}});
Créé 31/08/2009 à 13:19
source utilisateur

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more