Jquery agregar/eliminar múltiples atributos en seleccionar

Question

Quiero cambiar si un usuario puede seleccionar solo, una o varias opciones en un cuadro de selección basado en una casilla de verificación de arriba. es decir, si la casilla de verificación está marcada, el usuario puede seleccionar múltiples valores, si no están marcados, solo pueden seleccionar un valor. ¿Cuál es la mejor manera de hacer esto usando jquery?

Answer 1

$("#theCheckbox").change(function() { 
    $("#theSelect").attr("multiple", (this.checked) ? "multiple" : ""); 
}).change(); 

You can try it here.

Answer 2

$('#checkboxid').change(function(){ 

    if ($(this).is(':checked')) 
    { 
     $('#listbox').attr('multiple','multiple'); 
    } 
    else 
    { 
     $('#listbox').removeAttr('multiple'); 
    } 
}) 

Demostración: http://jsfiddle.net/ynhat/WCPue/1/

Answer 3

Para establecer nuevos prop jQuery en lugar de attr funciona:

http://jsfiddle.net/DdhSF/267/

$("#theCheckbox").change(function() { 
    $("#theSelect").prop("multiple", (this.checked) ? "multiple" : ""); 
}).change();