用于选择chrome中特定单选按钮的脚本

时间:2018-03-21 16:58:16

标签: javascript google-chrome radio-button

所以在我的工作中,我有一系列需要注释的东西。对于我正在注释的每个事项,大约有18个问题,每个问题都有一组单选按钮,我需要选择答案。因此,在大多数情况下,我的答案通常是相同的。所以我想要一个我可以在Chrome控制台中输入的脚本或代码,它将自动选择这些单选按钮。

现在请记住,除了一些HTML之外我没有编程知识,就是这样。这是我用来选择最后一个答案的代码,然后我必须手动更改其中一些答案:

javascript:document.querySelectorAll("input[type=radio]").forEach(e=>e.click());

选择特定单选按钮的代码是什么?例如,查看此页面的来源,这是第一组问答:

<label id="RESP_3_1_Appearance_option-set-label" for="RESP_3_1_Appearance_option-set" title="How would you .........?" class="">How would you rate the appearance of the individual's arms?<span class="help-icon"></span><div class="">

<label id="RESP_3_1_Appearance_option-set-5-label" for="RESP_3_1_Appearance_option-set-5" title="How would you...?" class=""><input id="RESP_3_1_Appearance_option-set-5" name="RESP_3_1_Appearance_option-set" type="radio" option-value="5" value="">Answer 1 sdfsdfsdfsdf.</label>

<label id="RESP_3_1_Appearance_option-set-4-label" for="RESP_3_1_Appearance_option-set-4" title="How would you...?" class=""><input id="RESP_3_1_Appearance_option-set-4" name="RESP_3_1_Appearance_option-set" type="radio" option-value="4" value="">Answer 2...</label>

<label id="RESP_3_1_Appearance_option-set-3-label" for="RESP_3_1_Appearance_option-set-3" title="How would you...?" class=""><input id="RESP_3_1_Appearance_option-set-3" name="RESP_3_1_Appearance_option-set" type="radio" option-value="3" value="">Answer 3....</label>

每个问题都与该结构类似。所以,对于做类似的事情,代码会是什么样的,以及对于每个额外的问题和答案,我最终会在给定的代码中进行更改?

1 个答案:

答案 0 :(得分:0)

以下代码将单选按钮的选中值设置为true。

document.getElementById("ID").checked = true;

注意:您必须使用每个元素的正确ID替换ID