JavaScript在锚点单击时显示输入类型文件

塔哈·阿斯兰(Talha Aslam)

我的代码如下:

 <div class="fifty">
    <label>Credit report</label>
    <input type="hidden" id="credtireport-link" name="credtireport-link" value="<?php echo $creditreport; ?>">

    <input type="file" name="creditreport" id="creditreport" <?php if($creditreport!=""){?> style="display:none" <?php } ?> >
    <?php if($creditreport!="") { ?>
    <a href="#" onclick="showfile();">Edit File</a>
    <?php } ?>
  </div>
  <div class="fifty">
    <label>Employer’s ref</label>
    <input type="hidden" id="employerref-link" name="employerref-link" value="<?php echo $employeer_ref_url; ?>">

    <input type="file" name="employerref" id="employerref" <?php if($employeer_ref_url!=""){?> style="display:none" <?php } ?>>
     <?php if($employeer_ref_url=="") { ?>
    <a href="#" onclick="showfile();">Edit File</a>
    <?php } ?>
  </div>

我想用JavaScript编写一个函数,该函数在编辑文件锚点单击时被调用,并将显示相应的输入类型文件。

说明:如果某人单击了信用报告的锚点,则应仅显示<input type="file" name="creditreport" id="creditreport">

我的JavaScript代码:

function showfile()
{
    var id=$(this).parent().find('input[type="file"]').toggle();
    return false;
}
来宾271314

html

<a href="#" onclick="showfile(this);">Edit File</a>

javascript

function showfile(el) {
  var id = $(el).prev(":file").toggle();
  return false;
}

plnkr http://plnkr.co/edit/MjZkZvFjlqj4a8HffYaF?p=preview

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

dynamicjs在单击时显示图像锚点

来自分类Dev

单击锚点时如何停止悬停?

来自分类Dev

显示nth:div 1,当我单击nth:锚点时

来自分类Dev

当我在html“ <a>下载</a>”中单击锚点时,我正在尝试下载excel文件

来自分类Dev

当我在html“ <a>下载</a>”中单击锚点时,我正在尝试下载excel文件

来自分类Dev

显示锚点时停止悬停

来自分类Dev

显示锚点时停止悬停

来自分类Dev

单击Chrome时显示输入类型的文本边框

来自分类Dev

导航时自动关闭模式(单击锚点时)

来自分类Dev

单击引导时模态锚点时添加URL哈希

来自分类Dev

创建一个锚点,当您单击该锚点时将更改内容

来自分类Dev

防止锚点内单击DOM生成的元素时发生锚点行为

来自分类Dev

单击锚点时将内容添加到textarea

来自分类Dev

单击锚点元素时更改span元素的文本

来自分类Dev

单击其锚点时如何更改工具提示?

来自分类Dev

在 jQuery 中单击锚点时设置 asp:HiddenField 值

来自分类Dev

在 LotusScript 上单击按钮事件时显示文件输入?

来自分类Dev

内联显示<a>锚点

来自分类Dev

我正在尝试使用香草JS突出显示单击的锚点并删除以前突出显示的锚点

来自分类Dev

以编程方式设置锚点时未显示焦点轮廓

来自分类Dev

在CSS锚点上悬停时显示div?

来自分类Dev

以编程方式设置锚点时未显示焦点轮廓

来自分类Dev

仅当用户登录时才显示锚点 *ngIf

来自分类Dev

Java HtmlUnit单击锚点

来自分类Dev

Java HtmlUnit单击锚点

来自分类Dev

Javascript ScrollTo锚点

来自分类Dev

单击锚点内的div时取消锚点

来自分类Dev

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

来自分类Dev

为什么使用javascript href单击锚点元素时IE10会触发beforeunload事件,以及如何阻止它

Related 相关文章

  1. 1

    dynamicjs在单击时显示图像锚点

  2. 2

    单击锚点时如何停止悬停?

  3. 3

    显示nth:div 1,当我单击nth:锚点时

  4. 4

    当我在html“ <a>下载</a>”中单击锚点时,我正在尝试下载excel文件

  5. 5

    当我在html“ <a>下载</a>”中单击锚点时,我正在尝试下载excel文件

  6. 6

    显示锚点时停止悬停

  7. 7

    显示锚点时停止悬停

  8. 8

    单击Chrome时显示输入类型的文本边框

  9. 9

    导航时自动关闭模式(单击锚点时)

  10. 10

    单击引导时模态锚点时添加URL哈希

  11. 11

    创建一个锚点,当您单击该锚点时将更改内容

  12. 12

    防止锚点内单击DOM生成的元素时发生锚点行为

  13. 13

    单击锚点时将内容添加到textarea

  14. 14

    单击锚点元素时更改span元素的文本

  15. 15

    单击其锚点时如何更改工具提示?

  16. 16

    在 jQuery 中单击锚点时设置 asp:HiddenField 值

  17. 17

    在 LotusScript 上单击按钮事件时显示文件输入?

  18. 18

    内联显示<a>锚点

  19. 19

    我正在尝试使用香草JS突出显示单击的锚点并删除以前突出显示的锚点

  20. 20

    以编程方式设置锚点时未显示焦点轮廓

  21. 21

    在CSS锚点上悬停时显示div?

  22. 22

    以编程方式设置锚点时未显示焦点轮廓

  23. 23

    仅当用户登录时才显示锚点 *ngIf

  24. 24

    Java HtmlUnit单击锚点

  25. 25

    Java HtmlUnit单击锚点

  26. 26

    Javascript ScrollTo锚点

  27. 27

    单击锚点内的div时取消锚点

  28. 28

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

  29. 29

    为什么使用javascript href单击锚点元素时IE10会触发beforeunload事件,以及如何阻止它

热门标签

归档