Question

我尝试通过 Chrome开发者工具 触发onclick事件，该事件将检查页面上的所有复选框，并触发onclick页面上所有复选框的事件。

以下是页面上的示例复选框：

<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事件。任何帮助表示赞赏！

Answer 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()
    }
})()

Answer 2

检查所有复选框：

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

触发全部检查：

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

Answer 3

试试这个解决方案

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

Jquery代码

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

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

})

工作示例： http://jsfiddle.net/2p64P/1/

使用Javascript触发onclick事件

3 个答案: