当复选框选中如何单击不同div处的标签时？

<input type="checkbox" id="checkbox">
<div id="div1">标签1</div>
<div id="div2">标签2</div>

var checkbox = document.getElementById('checkbox');
var div1 = document.getElementById('div1');
var div2 = document.getElementById('div2');

checkbox.addEventListener('click', function() {
  if (checkbox.checked) {
    // 当复选框选中时，绑定div1的点击事件处理函数
    div1.addEventListener('click', div1ClickHandler);
  } else {
    // 当复选框未选中时，移除div1的点击事件处理函数
    div1.removeEventListener('click', div1ClickHandler);
  }
});

function div1ClickHandler() {
  // 当点击div1时执行的操作
  console.log('点击了div1');
}

function div2ClickHandler() {
  // 当点击div2时执行的操作
  console.log('点击了div2');
}