JavaScript在锚点

Question

我的代码如下：

 <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;
}

Answer 1

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