Selezionare sooolo 2 checkbox da un elenco

**mr.fifteen** · 04-03-2014, 17:03

Buongiorno a tutti,

ho fatto un po' di ricerca online ma non ho trovato niente di utile...
ho un pacchetto di servizi in cui è necessario selezionarne 2 da un elenco di 5.
Ne uno di più ne uno di meno.
Ogni checkbox ha name e id differente.

Qualcuno può darmi una mano?

Saluti e grazie
15

**cavicchiandrea** · 04-03-2014, 18:05

vedi se questo riadattato fa al caso tuo http://webandylab.altervista.org/box-ck.html è sufficiente modificare questa riga da così if(ckbox < 1) e così if(ckbox < 2)

**KillerWorm** · 04-03-2014, 18:08

Ciao, il primo che ho trovato con una rapida ricerca: http://www.plus2net.com/javascript_t...kbox-limit.php
Riporto qui l'esempio di tale sito

codice:

<html>
<head>
<title></title>
<META NAME="DESCRIPTION" CONTENT="">
<META NAME="KEYWORDS" CONTENT="">

<script type="text/javascript">
function chkcontrol(j) {
var total=0;
for(var i=0; i < document.form1.ckb.length; i++){
if(document.form1.ckb[i].checked){
total =total +1;}
if(total > 3){
alert("Please Select only three")
document.form1.ckb[j].checked = false ;
return false;
}
}
} </script>
</head>

<body topmargin=''0''; >

<form name=form1 method=post action=check.php>
<table border=''0'' width=''250'' cellspacing=''0'' cellpadding=''0'' align=center>



<tr bgcolor=''#ffffcc''><td > </td><td ><b>Choice</b></td></tr>
<tr bgcolor=''#f1f1f1'' ><td ><input type=checkbox name=ckb value=1 onclick='chkcontrol(0)';></td><td >PHP</td></tr>
<tr bgcolor=''#ffffff'' ><td ><input type=checkbox name=ckb value=2 onclick='chkcontrol(1)';></td><td >Perl</td></tr>
<tr bgcolor=''#f1f1f1'' ><td ><input type=checkbox name=ckb value=3 onclick='chkcontrol(2)';></td><td >MySQL</td></tr>
<tr bgcolor=''#ffffff'' ><td ><input type=checkbox name=ckb value=4 onclick='chkcontrol(3)';></td><td >ASP</td></tr>
<tr bgcolor=''#f1f1f1'' ><td ><input type=checkbox name=ckb value=5 onclick='chkcontrol(4)';></td><td >JavaScript</td></tr>
<tr bgcolor=''#ffffff'' ><td ><input type=checkbox name=ckb value=6 onclick='chkcontrol(5)';></td><td >CSS</td></tr>
<tr bgcolor=''#f1f1f1'' ><td ><input type=checkbox name=ckb value=7 onclick='chkcontrol(6)';></td><td >HTML</td></tr>
<tr bgcolor=''#ffffff'' ><td ><input type=checkbox name=ckb value=8 onclick='chkcontrol(7)';></td><td >Photo Shop</td></tr>
</table></form>
</body>
</html>

Se cerchi una soluzione diversa è indispensabile che tu fornisca maggiori dettagli.

EDIT: non ho visto la risposta di Andrea... lascio comunque l'esempio trovato, se dovesse servire, mi pare leggermente differente.

**mr.fifteen** · 05-03-2014, 13:40

Grazie mille a tutti e due...
ho risolto modificando il Javascript di Andrea così

codice:

<script>
$(function(){
    var ckbox = 0
        $('#ckboxbt').on('click', function(){
            var num = $('.box').length-1
        ckbox = $('input:checkbox:checked').length
        $(".box").each(function(i){
            if(ckbox < 2){
                alert('seleziona almeno due servizi');
                return false;
        }else{
            if(ckbox > 2){
            alert('seleziona al massimo due servizi');
                return false;
            }else{
            alert('grazie della tua preferenza');
            return false;
        }
        }
        
    })
    })
});
</script>

grazie mille... risposta perfetta!!!

Discussione: Selezionare sooolo 2 checkbox da un elenco

Strumenti discussione

Ricerca discussione

Visualizza

Selezionare sooolo 2 checkbox da un elenco

Permessi di invio