javascript if/else，但仍然可编辑

Question

我正在创建一个表单，如果选中复选框，则需要一个字段等于另一个字段，但如果用户决定更改金额，则仍然可以编辑。

document.addEventListener("change", myFunction2);
     function myFunction2(){
          if (document.getElementById('itemize').checked==true) { 
              document.getElementById('six').value = document.getElementById('jobs_9').value;
    }

现在只要选中该逐项框，该输入框就无法编辑。有没有办法让输入相等，但又保留开放供修改？

谢谢。

Answer 1

将不同的处理程序直接附加到每个输入，其中每个处理程序将更改的输入的值复制到另一个输入。如果不使用 jQuery，您可以执行以下操作:

(function () {
    var itemize = document.getElementById('itemize');

    function addChangeListener(from, to) {
        from = document.getElementById(from);
        to = document.getElementById(to);

        from.addEventListener('change', function () {
            if (itemize.checked) {
                to.value = from.value;
            }
        }
    }

    addChangeListener('six', 'jobs_9');
    addChangeListener('jobs_9', 'six');
})();

当选中#itemize复选框时，您还需要一个处理程序。如果在这种情况下值不同，您只需选择一个(除非您想跟踪最后更改的值)。