浏览器中js批量选择radio按钮

需求

截图所示,页面中有13个调查题,每题有一组若干个单选按钮。在浏览器console中通过js实现:批量选择所有第一个选项。

浏览器中js批量选择radio按钮

浏览器中js批量选择radio按钮

js语句:

语句1:

STR_XPATH=".//input[@type=\"radio\" and @value=\"a\"]";
var result = document.evaluate(STR_XPATH, document, null, XPathResult.ANY_TYPE, null);
while (nodes = result.iterateNext())
{
nodes.click();
} 

语句2:

STR_XPATH=".//input[@type=\"radio\" and @value=\"a\"]";
var result = document.evaluate(STR_XPATH, document, null, XPathResult.ANY_TYPE, null);
while (nodes = result.iterateNext())
{
//nodes.click();
nodes.click(addClass())
function addClass()
{
nodes.nextSibling.className += 'active';
}   
} 

分析:

语句1,直接执行模拟选择;语句2是没有click事件时,注册时间并模拟选择(不做分析)。

STR_XPATH=".//input[@type=\"radio\" and @value=\"a\"]"; //xpath定位所有组里的第一个radio按钮

浏览器中js批量选择radio按钮

var result = document.evaluate(STR_XPATH, document, null, XPathResult.ANY_TYPE, null); //获取所有第一个radio

while (nodes = result.iterateNext()){nodes.click(); } //遍历点击radio

(完)