2014-02-09 3 views
0

Я пытаюсь вызвать onclick событие через Chrome Developer Tools, который будет проверять все флажки на странице, а также запускает onclick события всех флажков на этой странице.Trigger OnClick события с Javascript

Вот пример Флажок на странице:

<input type="checkbox" onclick="ctl00_ContentAreaHolder1_uctlLocationSelectionControl_AccountStructureTreeView.HandleCheck(this,'p_686660',4);" name="checker_p_686660"> 

Вот мой код, чтобы проверить все флажки на странице:

(function() { 
    var aa= document.getElementsByTagName("input"); 
    for (var i =0; i < aa.length; i++){ 
     if (aa[i].type == 'checkbox') 
      aa[i].checked = true; 
    } 
})() 

Единственное, что я не могу понять, как вызвать событие onclick, когда установлен флажок. Любая помощь приветствуется!

+0

ли вы понять это? – Codel

ответ

1

Вы можете сделать это:

$('input[type="checkbox"]').each(function(){ 
    $(this).trigger('click'); 
    // Will check all the checkbox and trigger the event 
}); 

или просто:

$('input[type="checkbox"]').each(function(){ 
    $(this).click(); 
    // Will check all the checkbox and trigger the event 
}); 

или вы можете сделать это, используя код:

(function() { 
    var aa= document.getElementsByTagName("input"); 
    for (var i =0; i < aa.length; i++){ 
     if (aa[i].type == 'checkbox') 
      aa[i].click() 
    } 
})()  
+0

код, начинающийся с 'var aa = document.getElementsByTagName', работает для меня. Однако мне нужна дополнительная помощь! После того, как все флажки будут проверены после запуска этого кода, появится еще один набор флажков, которые также необходимо проверить, если установлен первый набор флажков REMAINING. Поэтому я добавил условие 'if (aa [i] .type == 'checkbox' &&! Aa [i] .checked)' к коду. Однако, когда я запускаю это, страница, похоже, замерзает и не проверяет новый набор флажков. Есть ли что-то, что я делаю неправильно? Спасибо за помощь! – three3

0

Для проверки всех флажков :

$("input[type=checkbox]").each(function() { 
      $(this).prop("checked", true); 
     }); 

Для запуска проверить все:

$("input[type=checkbox]").each(function() { 
      $(this).trigger('click'); 
     }); 
0

Попробуйте это решение

<input type="checkbox" name="checker_p_686660"> 

Jquery код

$('input').on('change', function(){ 

    if($(this).prop('checked', true)){ 
     alert('checked'); 
    } 

}) 

Рабочий пример: http://jsfiddle.net/2p64P/1/

Смежные вопросы