/ / две квадратчета и 1 текстово поле jquery - php, jquery

две квадратчета за отметка и 1 текстово поле jquery - php, jquery

Имам две квадратчета за отметки и едно текстово поле. Искам да вмъкна някои данни в полето, когато е поставена отметка в квадратчето и да поставя други данни, когато е поставена отметка и че и двете квадратчета не трябва да бъдат проверявани едновременно. Постигнах цялата функционалност, с изключение на изпразването на полето, когато и двете ми отметки не са маркирани със следния код на jquery.

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);
}
});
});

Ето ми html:

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

Моля, кажете ми как мога да изчистя текстовото поле, когато не са маркирани и двете квадратчета.

Също така как мога да получа стойност на едно текстово поле и да го поставя в друго текстово поле и какво, ако стойността на първото текстово поле е някакъв вид html или javascript код.

Едно нещо повече искам също така, че стойността на моята променлива "name" трябва да бъде php код. Моля, кажете ми как мога да го направя.

Отговори:

3 за отговор № 1

Мисля, че би било лесно, ако напишете всичко в една функция. Виж отдолу,

ДЕМОНСТРАЦИЯ: http://jsfiddle.net/XqypD/1/

  1. Използва се .change вместо .click hander
  2. Вашият код всъщност има 2 манипулатора за тези отметки, което прави логиката ви по-трудна.

Код:

$(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("");
}
});
});