gpt4 book ai didi

javascript - 切换文本字段的按钮,true 和 false

转载 作者:行者123 更新时间:2023-11-30 12:44:06 26 4
gpt4 key购买 nike

我有一个表格来创建一个判断题。我正在尝试使用一个按钮来切换 text_field 的值从 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>

最佳答案

http://jsfiddle.net/jayblanchard/ene5w/

我清理了一些你的语法并想出了这个 -

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

此外,您有两个具有相同 ID 的元素,这在 HTML 页面中是不允许的。你会得到不稳定的结果。您可以将这些更改为类。

更改为按钮而不是链接 - http://jsfiddle.net/jayblanchard/ene5w/1/

更改按钮的文本 - http://jsfiddle.net/jayblanchard/ene5w/2/

关于javascript - 切换文本字段的按钮,true 和 false,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23227638/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com