Question

我正在制作一个表格，正如你所知，某些类型的表格比其他表格更难。例如<input type="file">，我想以某种方式制作一个假按钮，所以当你点击假按钮时，它真的点击了输入按钮。

我试过了：

$("#inputFile").click();

但是你怀疑，这没有用。

这可能吗？

Answer 1

点击按钮后，您可以使用 .trigger() 触发输入元素的点击事件：

$('button').click(function() {
    $('input[type="file"]').trigger('click');    
});

<强> Fiddle Demo

Answer 2

@ felix的回答是对的。另外，

示例也在jQuery API page上给出。

请查看第3个例子

我们还可以在点击其他元素时触发事件：

$( "#other" ).click(function() {
    $( "#target" ).click();
});

Answer 3

以下是您正在寻找的示例。

Custom Upload Button

我在这里重复一遍答案：

诀窍是将输入的不透明度变为0，然后将其下方的背景更改为您想要的按钮样式。

鉴于此html：

<div class="file_button_container"><input type="file" /></div>

使用此css：

  .file_button_container,
  .file_button_container input {
       height: 47px;
       width: 263px;
   }

   .file_button_container {
       background: transparent url(http://i.stack.imgur.com/BT5AB.png) left top no-repeat;
   }

   .file_button_container input {
       opacity: 0;
   }

这里有效：http://jsfiddle.net/t6EKv/1/

创建一个“假按钮”

3 个答案: