/ / dve začiarkavacie políčka a 1 textové pole jquery - php, jquery

dve políčka a 1 textové pole jquery - php, jquery

Mám dve začiarkavacie políčka a jedno textové pole. Chcem vložiť niektoré údaje do poľa, keď je začiarknuté jedno políčko a iné údaje, keď je začiarknuté iné políčko a obe tieto políčka by nemali byť začiarknuté súčasne. Ak však tieto políčka nie sú začiarknuté, textové pole by malo byť prázdne. Dosiahol som všetku funkčnosť okrem vyprázdnenia poľa, keď nie sú začiarknuté obe políčka s nasledujúcim kódom.

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

Tu je môj html:

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

Povedzte mi, ako môžem vyprázdniť textové pole, keď nie sú začiarknuté obe políčka.

Ako tiež môžem získať hodnotu jedného textového poľa a vložiť ho do iného textového poľa a čo keď je hodnotou prvého textového poľa nejaký typ html alebo javascriptového kódu.

Ešte jedna vec chcem, aby hodnota mojej premennej „name“ bola php kód. Povedzte mi, ako to môžem urobiť.

odpovede:

3 pre odpoveď č. 1

Myslím, že by bolo ľahké, keby ste to všetko napísali v jednej funkcii. Pozri nižšie,

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

  1. použité .change namiesto .click hander
  2. Váš kód má v skutočnosti 2 obslužné rutiny pre tých, čo sťažujú logiku.

kód:

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