如何在选中复选框时将标签更改为粗体？

<label for="checkbox">标签</label>
<input type="checkbox" id="checkbox">

var checkbox = document.getElementById('checkbox');
var label = document.getElementsByTagName('label')[0];

checkbox.addEventListener('change', function() {
  if (this.checked) {
    label.style.fontWeight = 'bold';
  } else {
    label.style.fontWeight = 'normal';
  }
});