Question

我不熟悉javascript，但我想在点击按钮上加载一个功能。

在头部我有javascript

<script type="text/javascript"> 
    $('#file_upload').uploadify({
        'formData'     : {
            'timestamp' : '1349865153',
            'token'     : 'ac534e1229656a7817ab0f20f9933c23',
            'pid'     : '<?=$idProject?>'
        },
        'swf'      : '<?=base_url();?>uploadify/uploadify.swf',
        'uploader' : '<?=base_url();?>uploadify/uploadify.php',
        'buttonText' : 'Bestand upload',
        'onUploadComplete': function() {location.reload(true)}
    }); 
</script>

但我如何用按钮调用javascript？

Answer 1

你可以试试这个，只需要

$("#ID").click(function() {
    alert("hello");
    });

Answer 2

喜欢这个。

var btn = document.getElementById('myButtonId');
btn.onclick = function(){
  console.log('do this');
}

显然，将#myButtonId替换为您的按钮和console.log的ID，以及单击该按钮时要运行的任何代码。

Answer 3

这里你的头脑是jQuery代码。

如果你想使用相同的jQuery代码来实现这个而不是javascript，你可以使用下面的代码。

<input type="button" id="myBtn" value="Click"/>

jQuery代码

$("#myBtn").click(function(){
        $('#file_upload').uploadify({
        'formData'     : {
            'timestamp' : '1349865153',
            'token'     : 'ac534e1229656a7817ab0f20f9933c23',
            'pid'     : '<?=$idProject?>'
        },
        'swf'      : '<?=base_url();?>uploadify/uploadify.swf',
        'uploader' : '<?=base_url();?>uploadify/uploadify.php',
        'buttonText' : 'Bestand upload',
        'onUploadComplete': function() {location.reload(true)}
       });
   });

要使jQuery在代码中运行，您需要在页面中包含任何版本的jQuery.js文件..还需要将上面的jQuery代码放在ready函数中，这是jQuery文档加载调用。

Answer 4

试试这个，

<div id="buttonSomeID">Click</div>

$("#buttonSomeID").click(function(){
    $('#file_upload').uploadify({
        'formData'     : {
            'timestamp' : '1349865153',
            'token'     : 'ac534e1229656a7817ab0f20f9933c23',
            'pid'     : '<?=$idProject?>'
        },
        'swf'      : '<?=base_url();?>uploadify/uploadify.swf',
        'uploader' : '<?=base_url();?>uploadify/uploadify.php',
        'buttonText' : 'Bestand upload',
        'onUploadComplete': function() {location.reload(true)}
    });
});

DEMO

Answer 5

使用jquery

提供的on方法

$("#mybtn").on("click", function() {
  //your code goes here
});

用按标签调用按钮上的javascript函数

5 个答案: