Question

我有一个正常的脚本，直到我添加另一个脚本。添加其他脚本后，我收到控制台错误。

Uncaught TypeError: Cannot read property 'on' of null at mapForm

我将自己的脚本与JotForm集成，因此我加载了几个库。没有运气，我试图设置一个没有冲突的冲突。

https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js

function mapForm() {    
  var JotFirst = document.getElementById("first_4"),
      ACFirst = document.getElementById("firstname");
        JotFirst.addEventListener('input', function() {
            ACFirst.value = JotFirst.value;
        }); 
  var JotLast = document.getElementById("last_4"),
      ACLast = document.getElementById("lastname");
        JotLast.addEventListener('input', function() {
            ACLast.value = JotLast.value;
        });
      JotProd = $("input[type='checkbox'][id='input_5_1000']");
      ACProd = $("input[type='checkbox'][id='extra_mf_1_515']");
        JotProd.on("change", function() {
            ACProd.prop("checked", this.checked);
        }); 
    $("#input_5_custom_1000_0").change(function() {     
        var el = $(this) ;      
        if(el.val() === "Option Two" ) {
        document.getElementById("extra_mf_3_516").selectedIndex = "1";
        }
        else if(el.val() === "Option Three" ) {
        document.getElementById("extra_mf_3_516").selectedIndex = "2";
        }   
    }); 
}
window.onload = mapForm;

上面的代码可以正常使用。

https://cdn.jotfor.ms/static/prototype.forms.js
https://cdn.jotfor.ms/static/jotform.forms.js

当这些介绍时，我的脚本停止工作。我已经搜索过并搜索过并尝试了所有我要解决的问题。

此处有问题的页面：https://btwebnetwork.com/scripts/multi-submission-form/AllClients.php

Answer 1

你必须确保JotProd变量不是NULL，你可以这样做

if(JotProd){
    JotProd.on("change", function() {
        ACProd.prop("checked", this.checked);
    }); 
}

无法阅读＆＃39; on＆＃39;无冲突

1 个答案: