Calling JQuery function onload and onclick

Question

I have a RadionButtonList with two values and on click I gotta hide some elements on my page.

I got the following code that triggers on click on a RadionButton. How do I call this on the Page load of my page?

$(document).ready(function () {
  $('#<%= columnsRoundPanel.FindControl("rdlClickOrder").ClientID %> input').click(function () {
    var clickOrder = $(this).val();
    $('#<%= chkColumnList.ClientID %> input').each(function (i) {
      var index = ($(this).next('label').text().indexOf(clickOrder));

      if ((index == -1) && ($(this).next('label').text() != 'Cost' && $(this).next('label').text() != 'Clicks' && $(this).next('label').text() != 'Impressions')) {
        $(this).css('display', 'none');
        $(this).next('label').css('display', 'none');
      } else {
        $(this).css('display', 'inline');
        $(this).next('label').css('display', 'inline');
      }
    });
  });
});

What is a RadionButtonList? jQuery has no such concept.

Lightness Races in Orbit
– Lightness Races in Orbit

2011-08-15 14:39:58 +00:00
Commented Aug 15, 2011 at 14:39 — Lightness Races in Orbit
– Lightness Races in Orbit, Commented Aug 15, 2011 at 14:39

Frédéric Hamidi · Accepted Answer · 2011-08-15 14:39:53Z

1

You can trigger the click event right after you've registered your handler:

$('#<%= columnsRoundPanel.FindControl("rdlClickOrder").ClientID %> input')
    .click(function() {
        // Your handler...
    }).click();

answered Aug 15, 2011 at 14:39

Frédéric Hamidi

264k42 gold badges497 silver badges486 bronze badges

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

Comments

genesis · Accepted Answer · 2011-08-15 14:37:30Z

0

try

$('#<%= columnsRoundPanel.FindControl("rdlClickOrder").ClientID %> input').click();

after your code

answered Aug 15, 2011 at 14:37

genesis

51.1k20 gold badges99 silver badges127 bronze badges

2 Comments

Lightness Races in Orbit Over a year ago

Or just replace the trailing }); }); with }).click(); });.

genesis Over a year ago

@TomalakGeret'kal: yes, it's possible, too. Thanks for suggestion!

chrisrhoden · Accepted Answer · 2011-08-15 14:39:39Z

0

$(document).ready(function () {
  $('#<%= columnsRoundPanel.FindControl("rdlClickOrder").ClientID %> input').click(function () {
    var clickOrder = $(this).val();
    $('#<%= chkColumnList.ClientID %> input').each(function (i) {
      var index = ($(this).next('label').text().indexOf(clickOrder));

      if ((index == -1) && ($(this).next('label').text() != 'Cost' && $(this).next('label').text() != 'Clicks' && $(this).next('label').text() != 'Impressions')) {
        $(this).css('display', 'none');
        $(this).next('label').css('display', 'none');
      } else {
        $(this).css('display', 'inline');
        $(this).next('label').css('display', 'inline');
      }
    });
  }).click();
});

answered Aug 15, 2011 at 14:39

chrisrhoden

4643 silver badges6 bronze badges

Comments

ShankarSangoli · Accepted Answer · 2011-08-15 14:40:03Z

Try this, just call the click method after you have attached the event handler.

$(document).ready(function () {
  $('#<%= columnsRoundPanel.FindControl("rdlClickOrder").ClientID %> input').click(function () {
    var clickOrder = $(this).val();
    $('#<%= chkColumnList.ClientID %> input').each(function (i) {
      var index = ($(this).next('label').text().indexOf(clickOrder));

      if ((index == -1) && ($(this).next('label').text() != 'Cost' && $(this).next('label').text() != 'Clicks' && $(this).next('label').text() != 'Impressions')) {
        $(this).css('display', 'none');
        $(this).next('label').css('display', 'none');
      } else {
        $(this).css('display', 'inline');
        $(this).next('label').css('display', 'inline');
      }
    });
  }).click();
});

Collectives™ on Stack Overflow

Calling JQuery function onload and onclick

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related