JSFiddle - React, Tailwind, and code Playground

HTML

<tr>
		<td width="10%" class="label_right">Autorização Prévia: &nbsp;</td>
		<td class="label_left">
			<select id="ddl_autorizacaoprevia" size=4 >
				<option value="T">TÉCNICA / ADMINISTRATIVA</option>
				<option value="A">SISTÊMICA</option>
				<option value="N">NÃO PRECISA</option>
			</select>
			<input id='selecionarTudo' type="checkbox"> TODAS AS AUTORIZAÇÕES
			</td>
		</tr>

JavaScript

function gi (q) {
			return document.getElementById(q);
		}
		gi("selecionarTudo").onclick = function () {
			var	el = this;
			var select = gi("ddl_autorizacaoprevia");
			var tamanho = select.length;
			if(this.checked == true){
				select.multiple = true;
				// select.focus();
				for(var i=0;i < tamanho;i++){
					select.options[i].selected = true;
				}
        //Caso ache válido pode descomentar essa linha;
				//select.disabled = true; 
			} else{
				select.multiple = false;
				select.disabled = false;
				for(var i=1;i < tamanho;i++){
					select.options[i].selected = false;
				}
			}
		}