Gebruik beide jQuery.checkbox & jQuery.field

stemmen
0

bedankt voor je tijd.

Ik ben op zoek naar 2 jQuery oplossingen aan de ene vorm, maar ik ben niet in staat om het gewenste resultaat te krijgen na het werken op het voor enkele uren.

De eerste jQuery oplossing zorgt voor een betere look en feel http://www.envirotalk.com.au/jquery/jquery-checkbox.htm

De tweede jQuery oplossing stelt een grens te stellen aan het aantal vinkjes. http://www.envirotalk.com.au/jquery/jquery-field.htm

Dit is mijn poging tot het combineren van de twee. http://www.envirotalk.com.au/jquery/combined.htm

Ik geloof dat het probleem betrekking op deze regel code, maar niet zeker.

setLimitSelection();

De uitkomst ik probeer te bereiken.

  • Kijk en voel; jquery-checkbox
  • Beperk het aantal vakjes men kan kiezen; jquery-field
  • De foutmelding; jquery-field
  • Het wissen van het extra veld waarde zodra limiet overschreden; jQuery-veld.

Als iemand heeft de tijd om een ​​kijkje te nemen en mij te helpen, zou dat zeer gewaardeerd worden.

vriendelijke groeten

zeroanarchy

De vraag is gesteld op 27/07/2009 om 13:55
bron van user
In andere talen...                            


2 antwoorden

stemmen
0

De twee plug-ins zijn waarschijnlijk met elkaar in conflict, omdat de code die u gebruikt is dezelfde als die gegeven in de afzonderlijke voorbeelden. Voor het beperken van vakjes die kunnen worden geselecteerd, kunt u dit proberen:

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

Ik denk dat de code is duidelijk genoeg om het niet nodig reacties?

antwoordde op 28/07/2009 om 07:45
bron van user

stemmen
0

Hallo Ik denk dat je kunt het probleem met een kleine statusvariabele als checkfield op te lossen:

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;
}});
antwoordde op 31/08/2009 om 13:19
bron van user

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