値/普通のテキストを作る、クリック可能かつ変更可能

Question

以下の.jsコードは、添付された画像に表示されるビューを示しています。 配列の値（1または0）に応じて、おそらくコードから作り出すことができます。 示された値は "yes"または "no"です。

私はそれがはいからのdivを使用して第

if(y.email.contact_email == 1){ 
    contact = "<td class='value'><span style='color: green'>Yes</span></td>"; 
} 

else 
{ 
    contact = "<td class='value'><span style='color: red'>No</span></td>"; 
} 

content += "<tr class='odd'><td class='key'>Contact </br> e-mail</td><td class='value'>"+contact+"</td></tr>"; 

if(y.email.login_email == 1){ 
    login = "<td class='value'><span style='color: green'>Yes</span></td>"; 
} 

else 
{ 
    login = "<td class='value'><span style='color: red'>No</span></td>"; 
} 

content += "<tr class='even'><td class='key'>Users login </br> e-mail</td><td class='value'>"+login+"</td></tr>"; 

Answer 1

このお試しください：私はチェックボックスでこれを行うにはどのようにアイデアを持っている

$('td.value span').click(function() { 
    $(this).text($(this).text() == 'Yes' ? 'No' : 'Yes'); 
}); 

Answer 2

に変化しているという意味で、この「はい」または「いいえ」の値をクリック可能にする方法トラブルを考え出すを抱えていますあなたは試みることができる：

<script type="text/javascript"> 
    function toggle(linkid) { 
     var toggleLink = document.getElementById(linkid); 
     if (toggleLink.innerHTML == 'No') { 
      toggleLink.innerHTML = 'Yes'; 
     } 
     else { 
      toggleLink.innerHTML = 'No'; 
     } 
    } 
</script> 

<a id="yesNo" onclick="toggle(this.id);" href="#">Yes</a> 

あなたが戻って別のスクリプトまたはDBにこれらの値を格納する必要がある場合は、単に非表示のフォームフィールドを作成して、目を更新しますe上記のトグル関数内の非表示フィールドの値（例： document.getElementById（ 'のHiddenField'）.VALUE = "0"）

デイブ