如何使用 JavaScript Pure 檢查單選按鈕？ 使用表單 id=value

Question

我需要以 id='A' 的形式定義一個 Name='status' 和 Value='X' 的無線電輸入。 就像設置選擇一樣，在一個 Value='X' 的表單中，id='B'。

 document.querySelector("form[id='A'] input[name='status'][value=1]").checked = true; document.querySelector("form[id='B'] select[id='cars'][value=volvo]").selected = true; document.querySelector("form[id='C'] input[name='status'][value=2]").checked = true;

 <form id='A'> FROM A - Radio Test checked: <br> Value 1 <input type='radio' name='status' value='1' /> <br> Value 2 <input type='radio' name='status' value='2' /> <br> Value 3 <input type='radio' name='status' value='3' /> </form> <hr> <form id='B'> FROM B - Select Test selected: <br> <select id="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="vw">VW</option> <option value="audi" selected>Audi</option> </select> </form> <hr> <form id='C'> FROM C - Radio Test checked: <br> Value 1 <input type='radio' name='status' value='1' /> <br> Value 2 <input type='radio' name='status' value='2' /> <br> Value 3 <input type='radio' name='status' value='3' /> </form>

Answer 1

嘗試這個

document.querySelector("form[id='A']  input[name='status'][value='1']").checked = true;

而不是這個

document.querySelector("form[id='A']  input[name='status'][value=1]").checked = true;

你必須引用價值