制作一个值/普通文本，可点击和可更改

Question

下面的.js代码给出了所附图片上可见的视图。 你可以从代码中取出，取决于数组的值（1或0） 显示的值为“是”或“否”。

我无法弄清楚如何使这个“是”或“否”值可点击，因为它从“是”变为“否”。

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

您可以尝试使用div：

<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>

如果您需要将这些值存储回另一个脚本或数据库，则只需创建一个隐藏的表单字段并更新上面切换函数中隐藏字段的值（例如document.getElementById（'hiddenField'）。value =“ 0“）

戴夫