Manipular elemento com evento de outro

Formulários
1

Tenho um input number"salario" e um input checkbox “combinado”, quero que o input “salario” fique desabilitado caso o input “combinado” esteja marcado, como faço isso? tentei o código abaixo e não consegui:

	<script>
		$('#salarioCombinado').on('change',function(){
			console.log('Entrou')
			alert('Status do checkbox: ' + $(this).val())
			if($(this).checked) {
				$('#salarioInicial').prop('disabled', true);
			}else{
				$('#salarioInicial').prop('disabled', false);
			}
		})
	</script>
1 curtida
2

Faz assim

$('#salarioCombinado').on('change',function(){
  if($(this).is(":checked")) {
    $('#salarioInicial').prop('disabled', true);
  }else{
    $('#salarioInicial').prop('disabled', false);
  }
})

Assim deve funcionar.

Abs

1 curtida
3

Deu certo meu irmão, muito obrigado.

1 curtida
4

Dá pra simplificar um pouco mais e evitar criar um novo objeto JQuery, afinal dá pra ver se tá checked direto no elemento input.

$('#salarioCombinado').on('change', function() {
    $('#salarioInicial').prop('disabled', this.checked);
});
3 curtidas