Question

以下html编码用于文件上传。我有一个我想用jQuery风格编写的函数。

<form method="post" action="upload">

  <input type="file" id ="file_upload_id"/>
  <input type="submit" id= "dont_click" />

  <input type ="button"  id ="only_click_me" onClick="clickme();"/>
</form>

<script type="text/javascript">
    function clickme(){
       document.getElementID("file_upload_id").click(); // 

       document.getElementbyID("file_upload_id").onChange =  function() {
                     document.getElementById('dont_click').click()
                 };
    }
</script>

这就是我想要转换编码行的方式：

 $(function(){
    $("#file_upload_id").click(function() {
           onChange : function(){
                         $("#dont_click").click();
                    }
     });
 });

Answer 1

这不是一个真正的问题。更像是：只为我工作。 :-P

反正：

$("#file_upload_id").click();
$("#file_upload_id").change(function(){ $('#dont_click').click(); });

Answer 2

就像那样，

$('#file_upload_id').trigger('click');
$('#file_upload_id').change(function () {
  $('#dont_click').trigger('click');
});

Answer 3

$(function() {
    $('#only_click_me').click(function() {
        $('#file_upload_id').click();
    });

    $('#file_upload_id').change(function() {
        $('#dont_click').click();
    });
});

将这行代码转换为jQuery

3 个答案: