テキストエリアの値が表示されません

Question

私は次の問題で頭が痛いです。

私はティックボックスを持っています。私は下のJavascriptでスタイルを削除して、テキストエリアを表示しています。各ページの読み込み時に、テキストエリアはテキストエリアタグの間に読み込まれたデータで隠されます。ユーザーがクリックすると表示されますが、表示されません。私がFirebugやChromeで調べると、どこにあるのか分かります。 Firebugでは、オンザフライでクラスを追加すると表示されますが、オフラインで追加すると、ページの読み込み時に表示されるので、表示されません。

このページは、少しわかりにくいため、埋め込み済みのウェブページの一部です。インターネットでは利用できません。

ご意見はありますか？

HTMLコード：

<tr id="my_tr" style="display: none;"> 
<td colspan="2"> 
<div id="my_div"> 
<textarea cols="25" rows="3" name="my_textarea">initial data to be shown</textarea> 
</div> 
</td> 
</tr> 

---

JSコード：

function show_hide_my_textarea() { 
    var my_checkbox = $(tick_box_ref); 
    var my_tr = document.getElementById("my_tr"); 

    if (my_checkbox.checked == true) { 
     my_tr.style.display = ''; 
    } else { 
     my_tr.style.display = 'none'; 
    } 
} 

UPDATE： 申し訳ありませんああ、私はcorretlyそれを説明しませんでした。テキストエリア自体は表示されますが、空のままです。

Answer 1

my_tr.style.display = 'block'; 

にトリックに

Answer 2

入れを行う必要があります最初の場合：

my_tr.style.display = 'block'; 

の代わりに、空のそれを残して、それが動作しない場合は、残りのコードを貼り付けてください:)

display：noneの場合は、back display：ブロックを指定して再度表示できるようにする必要があります。それ以外の場合は隠したままになります。

Answer 3

if (my_checkbox.checked == true) { 
    my_tr.style.display = 'table-row'; 
} else { 
    my_tr.style.display = 'none'; 
} 

設定が無効な場合は、table-rowに設定してみてください。代わりに何もdisplayを設定する https://developer.mozilla.org/en/CSS/display

Answer 4

は、table-rowに設定します。

my_tr.style.display = 'table-row'; 

https://developer.mozilla.org/en/CSS/display< --update