Question

新手，我想知道为什么为什么我无法获得标签内单选按钮的值？

cancelAllOperations()

function myButtonTrigger(c) {
  if (c.value == "1") {
    document.getElementById("id1").style.display = "table-row";
    document.getElementById("id2").style.display = "none";
  } else if (c.value == "2") {
    document.getElementById("id1").style.display = "none";
    document.getElementById("id2").style.display = "table-row";
  } else {}
}

table {
  border-collapse: collapse;
}

table, th, td {
  border: 1px solid black;
  background-color: #39739D;
  color: white;
}

Answer 1

只需使用.checked属性

var radioButtons = document.getElementsByName("choices");

function myButtonTrigger() {
  if(radioButtons[0].checked) {
    // first radio button checked
  } else if(radioButtons[1].checked) {
    // second radio button checked
  }
}

或者您可以使用查询选择器按值获取元素：

if(document.querySelector("input[name='choices'][value='1']").checked)

编辑：不要在两个或多个元素上使用相同的ID，您只能在标记上使用它，它将起作用。 ID表示身份，唯一。一些不错的选择：

document.getElementsByClassName("class1");
document.querySelectorAll("#id1, #id2, #id3, #id10000, #anotherId");
document.querySelectorAll("table tr#id1 td"); // marks every td in tr with id id1 in table (really, tr and td in table, wow)

如何获取标签内的单选按钮值？

1 个答案: