how to convert function from Jquery to Javascript

Question

I have an input type file connected to a label ( connected by for="uploadFileVideo"), when I click my label the function in script is supposed to be fired. The problem is that nothing happen when the selection is by class ( ".lbl") only when i use element ID, I want to convert the function in my script to javascript function ( function justClickedAlbl(){//Do Somthing} ), maybe it will solve my problem. Is it possible to convert ?

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

maybe it will solve my problem -- I doubt it, if jQuery isn't working for you, it's because your not using it properly. Perhaps it's the missing parenthesis at the end of your snippet? — George
– George, Commented Sep 30, 2014 at 11:28

Bojan Petkovski · Accepted Answer · 2014-09-30 11:33:14Z

1

You can target the label

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

answered Sep 30, 2014 at 11:33

Bojan Petkovski

6,9511 gold badge27 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

George G · Accepted Answer · 2014-09-30 11:36:48Z

1

This will work:

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

You have to attach event when DOM is loaded.

edited Sep 30, 2014 at 11:36

answered Sep 30, 2014 at 11:29

George G

7,72512 gold badges48 silver badges62 bronze badges

4 Comments

George G Over a year ago

Done, thanks :) it was mechanical error while copying the code from OP, So I think it doe not deserve down vote ;)

Damkulul Over a year ago

Thanks, but how to use it ? I thought about this format : function dodo() and to add my label onclick=dodo()

George G Over a year ago

if you have separate function called dodo() you can call it within //Do something

George G Over a year ago

@George indeed there is was not error in that part, just I've made it ;)

Collectives™ on Stack Overflow

how to convert function from Jquery to Javascript

2 Answers 2

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related