Question

我已设法插入“是”＆＃39;使用jquery进入文本字段但我需要在第二次单击后删除文本。所以：点击插入＆＃39;是＆＃39;然后在另一个点击删除文字或切换“是”＆＃39;并且没有＆＃39;。它只是添加了是，是的，是的。我花了好几个小时，我是一个菜鸟

P.S：由于营销系统存在漏洞，我必须这样做，而不是使用收音机/复选框。

<table>
<tr><td class="formCell"><input type="text" value="" id="text" style="width: 100%;" /></td></tr>
<!--BUTTON START-->
<tr><td class="formCell"><input type="button" name="yesOrNo"     class="checkBox" id="button"></td></tr>
<!--BUTTON END-->
</table>

<script type="text/javascript">
$(function () {
$('#button').on('click', function () {
    var text = $('#text');
    text.val(text.val() + 'yes');    
});
});
</script>

Here's a jsfiddle:  
https://jsfiddle.net/k2exfu66/

Answer 1

您可以使用变量并更改值以创建切换单击效果。然后，您可以根据此变量更改值。

您只需将JS更改为：

$(function () {
        var toggleState = 0;
    $('#button').on('click', function () {
        var text = $('#text');
        if (toggleState === 0) {
            text.val('yes');
          toggleState = 1;
        } else {
            text.val('');
          toggleState = 0;
        }   
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table>
<tr><td class="formCell"><input type="text" value="" id="text" style="width: 100%;" /></td></tr>
<!--BUTTON HERE-->
<tr><td class="formCell"><input type="button" name="yesOrNo" class="checkBox" id="button"></td></tr>
<!--BUTTON HERE-->
</table>

Answer 2

我想这就是你想要的，如果我理解错误，请原谅我

$('#button').on('click', function () {
  var text = $('#text');
  if(text.val() == 'yes'){
     text.val('no');
  }else{
     text.val('yes');
  }

});

Answer 3

使用jQuery切换功能。您可以在此网站上获得更多信息：http://api.jquery.com/toggle/

你的代码应该是这样的

$('#varName').toggle();

并且在样式中为该元素添加display none，以便在第一次加载时不可见

使用Jquery

3 个答案: