Попытка поставить галочку только над флажками, которые содержат определенный селектор в Javascript / jQuery на стороннем веб-сайте.

Question

Я нахожусь на веб-сайте и пытаюсь найти атрибуты, которые можно использовать для установки или снятия флажков (по определенным критериям)

Например

Майк [х] Джон []

Я хочу выбрать поле Mike только с помощью консоли в Chrome.

Мой код

Array.from(document.querySelectorAll('input:checkbox[name=Mike]").prop("checked",true)'))
  .filter(input => input.value === 'on')
  .forEach(input => input.click())

Кто-нибудь сможет помочь?

Answer 1

Вот один из способов сделать это

document.querySelectorAll("input[name=Mike]").forEach(node => { node.checked = true })

Вы можете редактировать селектор для выбора других флажков

Answer 2

Использование ванильного JavaScript:

function mikeCheckBox ()
{
  document.querySelectorAll( 
    'input[ type = checkbox ][ name = Mike ][ value = on ]:checked' 
  ).forEach( checkbox => checkbox.click() );
}

mikeCheckBox();

<input type="checkbox" value="on" name="Mike" checked/>
<input type="checkbox" value="on" name="Mike"/>
<input type="checkbox" value="on" name="Sam"/>
<input type="checkbox" name="Mike" checked/>
<input type="checkbox" value="on" name="Sam"/>
<input type="checkbox" value="on" name="Mike"/>
<input type="checkbox" value="on" name="Mike" checked/>