javascript - 附加监听器不应监听复选框旁边的标签

Question

我在复选框上附加了一个事件监听器。复选框旁边有一个符号(欧元符号)。欧元符号不应该是可单击的，但是，使用我的代码，复选框及其旁边的标签是可单击的。你知道我在这里做错了什么吗？

我创建了以下 HTML 片段:

<div class="ui-myProject-radio ui-myProject-fieldset clearfix">
  <input type="radio" name="prefrage1_unit" value="1" id="prefrage1_unit_id_1" data-property-name="PRE_FRAGE1_EINHEIT"/>
  <label class="prefrage1_bottom_right_in_label" for="prefrage1_unit_id_1">
    {{Str.euro_sign}}
  </label>
</div>

使用以下 JavaScript 代码片段:

var unit = new RadioButton({
  selectors: ['#prefrage1_unit_id_0', '#prefrage1_unit_id_1'],
  sessionStorageKey: SessionKey.forms.PRE_FRAGE1.PRE_FRAGE1_EINHEIT.key,
  initialValue: 0
  }).create();

page.fields.unit = unit;

page.fields.unit.on('click', function () {
  page.validateForm();
});

非常感谢:)

Answer 1

问题是您将 for 属性与 label 一起使用，这会触发目标元素的事件，这里是复选框。

尝试从标签中删除 for 属性。