如何使用單行javascript（無jQuery）檢查沒有id的單選按鈕？

Question

好吧，這是初學者的一個非常具體的問題，請耐心等待。

我是剛剛學習繩索的新手。這裏的背景（如果你不在乎跳到下一段）：我正在更新我的第一個Android應用程序，我使用MIT App Inventor 2來做到這一點。這是一個免費的在線工具，它使用所見即所得的屏幕編輯器和Blockly來創建行爲，交互等。我正在製作的應用程序使用表單加載特定網頁，併爲您填充大部分表單（具體來說，它有助於人們進入劇院表演的網上票券抽獎）。該頁面不是我自己的，所以我不能編輯HTML。但是我可以通過將單行javascript代碼插入App Inventor的Blockly一側來運行JavaScript。 Here's a relevant example of how it looks.

我已經想出瞭如何使用getElementByID（）填充大部分表單。但有一組單選按鈕沒有標識。下面是HTML的少許修改的版本（這是我不能編輯）：

document.querySelector('input[name=tickets]').checked = true; 

但是，這當然只是選擇第一個單選按鈕：

<div id="cont_id_tickets"> 
    <div> 
     <input type="radio" name="tickets" value="1" /> 
     <span style="font-family:Times New Roman; font-size:15px;">1</span> 
    </div> 
    <div> 
     <input type="radio" name="tickets" value="2" /> 
     <span style="font-family:Times New Roman; font-size:15px;">2</span> 
    </div> 
    <div id="required_info_tickets" class="requiredInfo floatLeft"> 
    </div> 
    <input type="hidden" name="reqField" value="tickets" alt="Radio" req="true" errorMsg="Please enter a valid value." requredErrorMsg="This field is required. Please enter a value." 
     patternID="0" customRegex="" /> 
</div> 

我已經通過以下取得了一些進展。我希望能夠得到一個值（1或2）並讓它選擇相應的右鍵。我使用的Blockly後端允許我定義一個變量來插入javascript行，但是javascript本身的行必須基本上是一行。我希望以下的一種工作，如果我想價值爲2例如：

document.querySelector('input[name=tickets][value=2]').checked = true; 
document.querySelector('input[name=tickets]').2.checked = true; 

但都沒有。關於正確語法的任何想法？

謝謝！

Answer 1

您需要將您嘗試使用引號來選擇值：

document.querySelector('input[name=tickets][value="2"]').checked = true; 

例

document.querySelector('input[name=tickets][value="2"]').checked = true;

<div id="cont_id_tickets"> 
 
    <div> 
 
    <input type="radio" name="tickets" value="1" /> 
 
    <span style="font-family:Times New Roman; font-size:15px;">1</span> 
 
    </div> 
 
    <div> 
 
    <input type="radio" name="tickets" value="2" /> 
 
    <span style="font-family:Times New Roman; font-size:15px;">2</span> 
 
    </div> 
 
    <div id="required_info_tickets" class="requiredInfo floatLeft"> 
 
    </div> 
 
    <input type="hidden" name="reqField" value="tickets" alt="Radio" req="true" errorMsg="Please enter a valid value." requredErrorMsg="This field is required. Please enter a value." patternID="0" customRegex="" /> 
 
</div>