Checkbox muda input para disabled="disabled"

[Mateus Gomes 0]

Fala galera! Bom, tô com uma dúvida aqui.

 

Eu tenho esse ajax aqui:

 

function manterProporcao() {
$(document).ready(function() {
	$('#proporcao-height').html('<input type="text" name="height" disabled="disabled" value="" size="5" maxlength="5" /> px');
});
}

 

e esse html:

 

<div id="input-redimensionar">
	<div id="proporcao-width"><input type="text" name="width" value="" size="5" maxlength="5" /> x </div>
	<div id="proporcao-height"><input type="text" name="height" value="" size="5" maxlength="5" /> px</div>
	<br />Manter proporções? <input type="checkbox" onclick="manterProporcao();" name="manter-proporcoes" />
</div>

 

No caso, quando eu clico no checkbox, ele torna o Input HEIGHT disabled. Até ai eu consegui fazer. O problema é como eu faço para reverter isso ao "deschecar" o checkbox?

[William Bruno 1501]

nada a ver com ajax. Isso não é ajax!

 

você esta usando jQuery que é uma biblioteca javascript, mas você não está fazendo ajax.

 

o correto, seria assim:

 

$(document).ready(function() {
        $("input[name='manter-proporcoes']").click(function(){
               if( $( this ).attr('checked') )
                  $('#proporcao-height input').attr({disabled: 'disabled'});
               else
                  $('#proporcao-height input').attr({disabled: ''});
        });
});