使用没有 ID 的 Javascript 选择单选按钮答案

【问题标题】：Select Radio Button Using Javascript with No ID使用没有 ID 的 Javascript 选择单选按钮
【发布时间】：2014-03-31 13:22:07
【问题描述】：

我正在尝试在 Applescript 中使用 Javascript 选择网页上的单选按钮。对于这个特定的按钮，没有元素 ID，所以我不确定如何选择这个单选按钮。

这个表单确实没有其他识别元素（或者至少我看到的）。

注意：此页面上有几个单选按钮，它们之间唯一的唯一标识符是“值”。

HTML：

<input type="radio" size="4" name="Level" value="p;29">

Javascript/Applescript：

do JavaScript "document.getElementById('p;29').checked = true;" in doc

【问题讨论】：

标签： javascript html forms web applescript

【解决方案1】：

如果没有其他输入元素，可以放心使用

document.getElementsByTagName("input")[0]

否则，你可以这样做：

for (i=0; i<document.getElementsByTagName('input').length; i++) {
    var myInput = document.getElementsByTagName('input')[i];
    if (myInput.type == 'radio')
    {
      //myInput is the radio element. Do something with it
    }
}

【讨论】：

是否可以只编写 HTML 的那一行并在末尾添加 checked？
是的，但这不是你的问题。只需在 Google 上搜索如何将 checked 属性添加到元素即可。

【解决方案2】：

我最终使用value 和name 字段来定位元素并检查它。这是工作脚本：

do JavaScript "var elements = document.getElementsByName('Level');
for (i=0;i<elements.length;i++) {
  if(elements[i].value == 'p;29') {
    elements[i].checked = true;
  }
}" in doc

【讨论】：