Question

我有一个连接到标签的输入类型文件（由for="uploadFileVideo"连接），当我点击我的标签时，脚本中的函数应该被触发。问题是当选择是按类（＆＃34; .lbl＆＃34;）时，只有当我使用元素ID时才会发生任何事情，我想将我的脚本中的函数转换为javascript函数（function justClickedAlbl(){//Do Somthing}），也许它会解决我的问题。有可能转换吗？

//HTML
     <label id="addVideo" for="uploadFileVideo" class="lbl colors" >Add Video</label>
     <input id="uploadFileVideo" type='file' style="width: 300px; display: none" />
//Script
$(".lbl").click(function (evt) {
//Do something
});

Answer 1

这将有效：

$(function(){
   $(".lbl").click(function (evt) {
       // Do something, 
       // here you can do anything you want to 
       // be executed when label is clicked
   });
});

加载DOM时必须附加事件。

Answer 2

您可以定位标签

$(document).ready(function(){
    $("label[for='uploadFileVideo']").on('click', function(){
         // Your code
    });
});

如何将函数从Jquery转换为Javascript

2 个答案: