Limitar selección con jQuery UI MultiSelect Widget

[Threepwood]

Hola,

Por azares del destino me encontré entrando en materia con JQuery y encontré como forma de partida para lo que necesito este script: jQuery UI MultiSelect Widget (http://www.erichynds.com/jquery/jque...select-widget/). Sirve para manejar datos múltiples de listas.

A mi me está sirviendo y ya estoy trabajando con mi base de datos e insertando datos. Lo que quisiera, y no tengo ni idea de por donde empezar, es hacer dos cosas:

1. El Widget permite la posibilidad de limitar la cantidad de items seleccionados con este código:

Código:

<script type="text/javascript">
$(function(){
	var warning = $(".message");
	
	$("select").multiselect({ 
	   

		header: "Puedes elegir hasta 8 jugadores",
        minWidth: "400",
        noneSelectedText: "Selecciona los jugadores de tu equipo",	
		click: function(e){
		
			if( $(this).multiselect("widget").find("input:checked").length > 8 ){
				warning.addClass("error").removeClass("success").html("No puedes elegir más de 8 jugadores!");
				return false;
			} else {
				warning.addClass("success").removeClass("error").html("Tienes que elegir al menos un jugador.");
			}
			
		}
	});
});
</script>

Ahora bien, yo quisiera que además de esta limitación hubiese otra que tiene que ver con la funcionalidad de mi web.

En la tabla de donde saco los datos que rellenan la lista:

Código PHP:

 <form action="index.php" method="post">
      <select id="jugadores" class="multiselect" multiple="multiple" name="jugadores[]">
 
      <?
        
        include("../../config.php");
        
        mysql_query("SET NAMES utf8");
        
         $sql = "SELECT nombre, precio FROM jugadores order by precio DESC";
          
         $query = mysql_query($sql, $link);
        
        
        while($fila = mysql_fetch_assoc($query)) {
        
            $nombre = $fila['nombre'];
            $precio = $fila['precio'];
        
        echo "<option value=\"$nombre\">$nombre - AR$ $precio</option>";
        
        }
        
        ?>
 
      </select>  

Tengo dos valores: Nombre y Precio. Lo que quisiera que el script de Jquery incorporara es la posibilidad de que, al llegar a X cifra, no se pudieran seleccionar más datos independientemente de si son menos de diez. Me explico: El tope puede ser 9,000 y si yo selecciono a tres jugadores que valen 3,000 cada uno el script no deja seleccionar nada más.

¿Es muy complejo de hacer? ¿Por donde podría empezar?

Todos los archivos del widget están para descargar en el enlace que puse arriba pero agradecería una orientación para este tema.

Gracias!

[kokoou]

En la documemtación de dicho plugin está lo siguiente:

Código Javascript:

$("#multiselect").bind("multiselectclick", function(event, ui){
    /*
    event: the original event object
 
    ui.value: value of the checkbox
    ui.text: text of the checkbox
    ui.checked: whether or not the input was checked
        or unchecked (boolean)
    */
});
 

creo que podrías utilizar esto para que cuando selecciones un checkbox, hagas el calculo de todos los seleccionados para si el total es mayor a tu limitacion y en caso de que pase esto, no dejar que se tilde.