如何根据输入文本字段隐藏或显示类

帕万

用于清除文本字段内的文本

我已经清楚地命名了一个班级

http://jsfiddle.net/Loa3go9w/1/

仅当textinput有一些数据或不消失该类时,如何使该类(searchClear_btn)显示?

$("#devsearchinputtext").val('This is test');
$("#devsearchinputtext").after('<a class="searchClear_btn">Clear</a>');
$(document).on('click', '.searchClear_btn', function(event) {
  $("#devsearchinputtext").val('');
    event.stopImmediatePropagation();
      event.preventDefault();
      return false;
});

您能否让我知道如何实现这一目标

萨帕尔

keyup如果输入包含文本,则可以绑定事件和显示按钮。

$("#devsearchinputtext").on('keyup', function(){
    $('.searchClear_btn').toggle(!!this.value && !!this.value.length)
}).trigger('keyup');

演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何根据文本字段的值显示/隐藏某些元素?

来自分类Dev

根据焦点自动在文本字段上显示隐藏值

来自分类Dev

如何根据下拉菜单中选择的选项隐藏/显示文本字段?

来自分类Dev

如何使用Java文本字段作为类名称的输入?

来自分类Dev

在javascript的输入数字类型字段中输入值时,如何显示输入文本字段?

来自分类Dev

单击时显示文本字段(输入)

来自分类Dev

使用角度根据文本字段值显示和隐藏按钮

来自分类Dev

如何使用Javascript根据HTML中的输入文本字段更改文本元素?

来自分类Dev

如何根据输入字段的值在span标记中显示文本

来自分类Dev

html如何淡入输入文本字段

来自分类Dev

如何使输入文本字段为只读

来自分类Dev

如何从文本字段打印输入?

来自分类Dev

根据iOS视图隐藏和调整文本字段

来自分类Dev

使用angularjs基于文本字段输入隐藏div

来自分类Dev

使用angularjs基于文本字段输入隐藏div

来自分类Dev

如何在最后一页隐藏/显示图像或文本字段?

来自分类Dev

根据其他文本字段的输入填充文本字段初始值

来自分类Dev

将输入文本字段显示为纯文本

来自分类Dev

隐藏基于多个选择菜单的显示文本字段

来自分类Dev

如果输入文本字段具有使用jQuery的某些类,如何添加属性

来自分类Dev

如何在Material ui自动完成的输入文本字段中显示所选值?

来自分类Dev

ReactJS 如何设置输入文本字段以显示当前日期和时间?

来自分类Dev

键盘隐藏了文本字段

来自分类Dev

在输入文本字段中显示背景图像

来自分类Dev

显示带有文本字段输入的警报

来自分类Dev

显示带有文本字段输入的警报

来自分类Dev

离子堆叠输入-在文本字段下方显示标签

来自分类Dev

如何在文本字段中居中输入文本?

来自分类Dev

如何格式化输入文本字段中的文本

Related 相关文章

  1. 1

    如何根据文本字段的值显示/隐藏某些元素?

  2. 2

    根据焦点自动在文本字段上显示隐藏值

  3. 3

    如何根据下拉菜单中选择的选项隐藏/显示文本字段?

  4. 4

    如何使用Java文本字段作为类名称的输入?

  5. 5

    在javascript的输入数字类型字段中输入值时,如何显示输入文本字段?

  6. 6

    单击时显示文本字段(输入)

  7. 7

    使用角度根据文本字段值显示和隐藏按钮

  8. 8

    如何使用Javascript根据HTML中的输入文本字段更改文本元素?

  9. 9

    如何根据输入字段的值在span标记中显示文本

  10. 10

    html如何淡入输入文本字段

  11. 11

    如何使输入文本字段为只读

  12. 12

    如何从文本字段打印输入?

  13. 13

    根据iOS视图隐藏和调整文本字段

  14. 14

    使用angularjs基于文本字段输入隐藏div

  15. 15

    使用angularjs基于文本字段输入隐藏div

  16. 16

    如何在最后一页隐藏/显示图像或文本字段?

  17. 17

    根据其他文本字段的输入填充文本字段初始值

  18. 18

    将输入文本字段显示为纯文本

  19. 19

    隐藏基于多个选择菜单的显示文本字段

  20. 20

    如果输入文本字段具有使用jQuery的某些类,如何添加属性

  21. 21

    如何在Material ui自动完成的输入文本字段中显示所选值?

  22. 22

    ReactJS 如何设置输入文本字段以显示当前日期和时间?

  23. 23

    键盘隐藏了文本字段

  24. 24

    在输入文本字段中显示背景图像

  25. 25

    显示带有文本字段输入的警报

  26. 26

    显示带有文本字段输入的警报

  27. 27

    离子堆叠输入-在文本字段下方显示标签

  28. 28

    如何在文本字段中居中输入文本?

  29. 29

    如何格式化输入文本字段中的文本

热门标签

归档