Javascript 用于切换文本字段的按钮，true和false

我有一个表格来创建一个真/假问题。我正在尝试使用一个按钮来切换文本_字段的值。（我真的不在乎怎么做，我只是希望用户能够轻松地将答案更改为真或假

这就是我所拥有的，它只会将一次切换为false，并且只在我单击文本字段而不是按钮时起作用。我正在尝试学习javascript，所以请容忍我

<%= f.label :content, "Answer" %>
<%= f.text_field :content, :value => 'True', :readonly => true, :class => "d-id", :id => "answer" %>
<%= button_tag "Toggle True/False", :id => "answer", :class => "btn btn-small btn-inverse", :type => "button" %>


<script>
function checkAnswer() {
if ($("#answer").val('False'))
    {
    $("#answer").val('True');
    }
    if ($("#answer").val('True'))
    {
    $("#answer").val('False');
    }
}

$(document).ready(function(){
    $('#answer').click(function () {
    checkAnswer();
    });
})
</script>

'True'，：readonly=>True，：class=>“d-id”，：id=>“answer”%>
“答案”，：class=>“btn btn小型btn反向”，：type=>“按钮”%>
函数checkAnswer（）{
if（$（“#答案”）.val（'False'））
{
$（“#答案”）.val（'True'）；
}
if（$（“#答案”）.val（'True'））
{
$（“#答案”）.val（'False'）；
}
}
$（文档）.ready（函数（）{
$（“#答案”）。单击（函数（）{
检查答案（）；
});
})

试试这个：

if ($("#answer").val() === 'False') {
    $("#answer").val('True');
 } else {
    $("#answer").val('False');
}

我整理了一下你的语法，想出了这个-

function checkAnswer() {
    var answer = $('#answer').val();
    if ('False' == answer) {
        $("#answer").val('True');
    } else {
        $("#answer").val('False');
    }
}

另外，您有两个ID相同的元素，这在HTML页面中是不允许的。您会得到不可靠的结果。您可以将它们更改为类

更改为按钮而不是链接-

---

更改按钮的文本-

这样就可以了，但只有在单击文本字段时才可以。你知道如何让按钮工作吗？使用按钮

id

更改

答案
，我注意到你为
按钮
和
文本
输入设置了相同的
id
，使用
类
名称或更改
id
非常有效，+1用于HTML帮助。