Déterminez quand une case est décochée et effacez un champ

Question

J'essaie de détecter lorsqu'une case n'est pas cochée et si le champ correspondant ci-dessous (avec un ID) a une valeur, videz-le.

Des idées?

Je travaille avec ce qui suit, mais il ne fonctionne pas:

$('#end_date_specified').click(function() { 
$('#end_date_datepicker, #end_date_datepicker_altfield').empty(); 
$('#datediv').toggle(); 
}); 

Je pense que l'un des problèmes avec c'est qu'il videra les valeurs de champ, peu importe la façon dont la case est cliqué.

Answer 1

Je pense c'est ce que vous voulez:

$('#end_date_specified').change(function() { 
    if(!this.checked) { 
    $('#end_date_datepicker, #end_date_datepicker_altfield').val(''); 
    } 
    $('#datediv').toggle(this.checked); 
}); 

Seulement sur change (mieux que clicked pour obtenir le bon état) nous ne clair si ce n'est pas .checked, nous montrons la base #datediv si c'est vérifié (montrer si c'est le cas, masquer si ce n'est pas le cas) en utilisant .toggle(bool).

Answer 2

À l'heure actuelle, vous allez effacer ce div n'importe quoi, comme vous le dites. Ce que vous voulez faire est de vérifier l'attribut "checked" sur votre case à cocher. Si c'est faux/undefined/null alors faites le vide.

$('#end_date_specified').click(function() { 
if(!$('#end_date_specified').attr('checked')) { 
    $('#end_date_datepicker, #end_date_datepicker_altfield').empty(); 
    $('#datediv').toggle(); 
} 
});