Question

我在这里有点失落。

我有几个单选按钮，它们都具有相同的名称，因此它们被分组。

我能解决的问题是，我还将应用更改事件？我无法获取elementsByName，因为这将返回一个数组。

因此，通常使用单选按钮，只能选择1个。我希望在事件发生变化时触发事件。

我的问题是，我是否必须在每个单选按钮上应用一个事件，或者我是否可以应用“更改”按钮。小组活动？

Answer 1

使用控制台查看它是否按照要求运行。诀窍是定位父母，然后比较点击的内容和被认为是currentTarget的内容。

＆＃13;

var fSet = document.querySelector("fieldset");
fSet.addEventListener("change", notify, false);

function notify(event) {
  if (event.target !== event.currentTarget) {
    var sRadio = event.target.id;
    console.log("The selected radio is: " + sRadio);
  }
  event.stopPropagation();
}

＆＃13;

<fieldset>
  <legend>Radio Button onChange</legend>
  <input type="radio" id="a0" name="rGroup" checked="checked">
  <input type="radio" id="a1" name="rGroup">
  <input type="radio" id="a2" name="rGroup">
  <input type="radio" id="a3" name="rGroup">
  <input type="radio" id="a4" name="rGroup">
  <input type="radio" id="a5" name="rGroup">
  <input type="radio" id="a6" name="rGroup">
  <input type="radio" id="b0" name="rGroup">
  <input type="radio" id="b1" name="rGroup">
  <input type="radio" id="b2" name="rGroup">
  <input type="radio" id="b3" name="rGroup">
  <input type="radio" id="b4" name="rGroup">
  <input type="radio" id="b5" name="rGroup">
  <input type="radio" id="b6" name="rGroup">
</fieldset>

＆＃13;

我可以申请一个＆＃39; onchange＆＃39;广播组的活动

1 个答案: