Question

我有一个带有两个值的RadionButtonList，点击后我必须在页面上隐藏一些元素。

我得到以下代码，点击RadionButton时触发。如何在页面的页面加载中调用它？

$(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');
      }
    });
  });
});

Answer 1

您可以在注册处理程序后立即触发click事件：

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

Answer 2

试

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

代码

之后

Answer 3

$(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();
});

Answer 4

试试这个，只需在附加事件处理程序后调用click方法。

$(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();
});

调用JQuery函数onload和onclick

4 个答案: