javascript - 如何使用 document.getElementById 检测用户单击或 javascript 代码所做的复选框更改

Question

这是选择具有特定 ID 的所有复选框的 javascript 函数

function checkall(type) {
    var total_number = document.getElementById('total_number').value;
    if (type == 1) {
        for (i = 1; i <= total_number; i++) {
            if (document.getElementById('export'+i).checked == true) {
                document.getElementById('export'+i).checked='';
            }
            else {
                document.getElementById('export'+i).checked='true';
            }
        }
    }
    if (type == 2) {
        for (i = 1; i <= total_number; i++) {
            if (document.getElementById('exporta'+i).checked == true) {
                document.getElementById('exporta'+i).checked='';
            }
            else {
                document.getElementById('exporta'+i).checked='true';
            }
        }
    }
}

我想检测复选框更改并获取该行的输入值。这是有效的，但仅当用户单击复选框时才有效，但未检测到先前功能的更改

   $('input:checkbox').live('change', function () {

        if(this.checked){
         var num = $(this).val(); 
          var products = $(".o"+num+" [name='products']").val();
          $('#m_products').html(products);
        }

      });

Answer 1

当您通过脚本更改任何复选框时，编写function productsChanged(checkbox) { .. }并手动调用它。也可以在实时更改事件中调用它。