/ / deux cases à cocher et 1 champ de texte jquery - php, jquery

deux cases à cocher et un champ de texte jquery - php, jquery

J'ai deux cases à cocher et un champ de texte. Je veux mettre des données dans le champ quand une case à cocher est cochée et en mettre une autre quand une autre case est cochée et que ces deux cases ne doivent pas être cochées en même temps. Mais lorsque ces cases ne sont pas cochées, le champ de texte doit être vide J'ai réalisé toutes les fonctionnalités sauf en vidant le champ lorsque mes deux cases à cocher ne sont pas cochées avec le code jQuery suivant.

jQuery(document).ready(function() {
jQuery("#a").click(function() {
if(jQuery("#a").is(":checked")) {
jQuery("#b").removeAttr("checked");
name = "hello World!";
jQuery("#c").val(name);
}


});
jQuery("#b").click(function() {
if(jQuery("#b").is(":checked")) {
jQuery("#a").removeAttr("checked");
name = "Not hello World!";
jQuery("#c").val(name);

}
});
jQuery("#a,#b").click(function(){
if(jQuery("#a,#b").not(":checked")){
name = "";
jQuery("#c").val(name);
}
});
});

Voici mon HTML:

 <input type="textarea" id="c" />
<input type="checkbox" id="a" />
<input type="checkbox" id="b" />

Dites-moi comment puis-je vider le champ de texte lorsque les deux cases à cocher ne sont pas cochées.

Aussi, comment puis-je obtenir la valeur d'un champ de texte et le placer dans un autre champ de texte et que se passe-t-il si la valeur du premier champ de texte est un type de code html ou javascript?

Une chose de plus, je veux aussi que la valeur de ma variable "nom" soit le code php. S'il vous plaît dites-moi comment puis-je le faire.

Réponses:

3 pour la réponse № 1

Je pense que ce serait facile si vous écrivez tout en une seule fonction. Voir ci-dessous,

DEMO: http://jsfiddle.net/XqypD/1/

  1. Utilisé .change au lieu de .click hander
  2. Votre code a en fait 2 gestionnaires pour ces cases à cocher rendant votre logique plus difficile.

Code:

$(function () {
$("#a, #b").change(function () {
var $a = $("#a"), $b = $("#b"), $c = $("#c");
if (this.id == "a" && this.checked) {
$c.val("Hello World!");
$b.prop("checked", false);
} else if (this.id == "b" && this.checked) {
$c.val("Not hello World!");
$a.prop("checked", false);
} else {
$c.val("");
}
});
});