Doubt on using checked="checked" in a jquery function

Question

Doubt on using checked="checked" in a jquery function

Navigation

#1 by (3 votes)

1

I have a form and wanted that when the page was loaded, if my checkbox is set, disable the "disable" property of the form.

In the code example below, I put checked="checked" but it only works if I click to disable and click again to enable.

Well lost in it.

Could you help me?

$('#meuCheckbox').click(function() {
    $('#meuTexto').attr('disabled',! this.checked)
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script><inputtype="text" disabled="disabled" id="meuTexto" /><input type="checkbox" id="meuCheckbox" checked="checked" />

javascript jquery checkbox

asked by anonymous 11.10.2016 / 01:42

1 answer

Accessing information from an object Questions about which one to choose [closed]

score 3 · Accepted Answer

Use the $(document).ready(function() {}); that will define the actions when the page loads.

$('#meuCheckbox').click(function() {
    $('#meuTexto').attr('disabled', !this.checked)
});

$(document).ready(function() {
    $('#meuTexto').attr('disabled', !$('#meuCheckbox').is(':checked'))
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script><inputtype="text" disabled="disabled" id="meuTexto" />
<input type="checkbox" id="meuCheckbox" checked="checked" />