Question

182

how to fire click event on document ready...?

rated 0 times [ 189] [ 7] / answers: 1 / hits: 24846 / 7 Years ago, thu, may 11, 2017, 12:00:00

Radio Button

<input name=radio-choice-t-6 class=qololbl id=radio-choice-t-6a value=qolo checked=checked type=radio>

<label for=radio-choice-t-6a style=border: 1px solid #2d5f7c;width:90px;border-bottom-left-radius:4px;border-top-left-radius:4px;font-family:Noto Sans;>Toast</label>



$(document).ready(function (e) {



    $('.qololbl').trigger('click'); 



    $(.qololbl).click(function(){

        alert(Hi);

     });

});

how to fire qololbl click event on document ready. this code is not working why..?
thanks in advance.
help me

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

blaisep

Add To Favorites

Follow

Total Points: 748

Total Questions: 95

Total Answers: 108

Location: Federated States of Micronesia

Member since Sun, May 16, 2021

3 Years ago

blaisep questions

1 Change Center position of React leaflet map

Wed, Dec 16, 20, 00:00, 4 Years ago

1 Get JavaScript Map values as array?

Sun, Aug 16, 20, 00:00, 4 Years ago

1 How to do an inline for loop in JavaScript, that's not connected to a variable

Tue, Apr 7, 20, 00:00, 4 Years ago

1 How to write data to a file using Puppeteer?

Tue, Nov 12, 19, 00:00, 5 Years ago

1 Swiper coverflow effect not working as expected

Mon, Nov 11, 19, 00:00, 5 Years ago

View All

answered 7 Years ago carlton · Accepted Answer

Use .click() instead of .trigger(). And put it after event hanlder declaration.

$(document).ready(function (e) {



    $(.qololbl).click(function(){

        alert(Hi);

     });

     

     $('.qololbl').click();

});

<script src=https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js></script>

<input name=radio-choice-t-6 class=qololbl id=radio-choice-t-6a value=qolo checked=checked type=radio>

<label for=radio-choice-t-6a style=border: 1px solid #2d5f7c;width:90px;border-bottom-left-radius:4px;border-top-left-radius:4px;font-family:Noto Sans;>Toast</label>

Alternative (Suggested by pratik-gaikwad)

$(document).ready(function (e) {



    $(.qololbl).on('click', function(){

        alert(Hi);

     });

     

     $('.qololbl').trigger('click');

});

<script src=https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js></script>

<input name=radio-choice-t-6 class=qololbl id=radio-choice-t-6a value=qolo checked=checked type=radio>

<label for=radio-choice-t-6a style=border: 1px solid #2d5f7c;width:90px;border-bottom-left-radius:4px;border-top-left-radius:4px;font-family:Noto Sans;>Toast</label>