Je suis nouveau sur jQuery et je veux activer et désactiver une liste déroulante à l'aide d'une case à cocher C'est mon html:
<select id="dropdown" style="width:200px">
<option value="feedback" name="aft_qst">After Quest</option>
<option value="feedback" name="aft_exm">After Exam</option>
</select>
<input type="checkbox" id="chkdwn2" value="feedback" />
De quel code jQuery ai-je besoin pour faire cela? Rechercher également une bonne documentation jQuery/matériel d’étude.
Voici un moyen que j'espère facile à comprendre:
$(document).ready(function() {
$("#chkdwn2").click(function() {
if ($(this).is(":checked")) {
$("#dropdown").prop("disabled", true);
} else {
$("#dropdown").prop("disabled", false);
}
});
});
Essayer -
$('#chkdwn2').change(function(){
if($(this).is(':checked'))
$('#dropdown').removeAttr('disabled');
else
$('#dropdown').attr("disabled","disabled");
})
J'utilise JQuery> 1.8 et cela fonctionne pour moi ...
$('#dropDownId').attr('disabled', true);
essaye ça
<script type="text/javascript">
$(document).ready(function () {
$("#chkdwn2").click(function () {
if (this.checked)
$('#dropdown').attr('disabled', 'disabled');
else
$('#dropdown').removeAttr('disabled');
});
});
</script>
Pour activer/désactiver -
$("#chkdwn2").change(function() {
if (this.checked) $("#dropdown").prop("disabled",true);
else $("#dropdown").prop("disabled",false);
})
Démo - http://jsfiddle.net/tTX6E/
$("#chkdwn2").change(function(){
$("#dropdown").slideToggle();
});
$(document).ready(function() {
$('#chkdwn2').click(function() {
if ($('#chkdwn2').prop('checked')) {
$('#dropdown').prop('disabled', true);
} else {
$('#dropdown').prop('disabled', false);
}
});
});
en utilisant .prop
dans l'instruction if
.
$("#chkdwn2").change(function() {
if (this.checked) $("#dropdown").prop("disabled",'disabled');
})
Une meilleure solution sans if-else:
$(document).ready(function() {
$("#chkdwn2").click(function() {
$("#dropdown").prop("disabled", this.checked);
});
});