У меня есть 100 флажков на моей веб-странице. В целях тестирования я хочу отметить все эти поля, но щелчок вручную занимает много времени. Есть ли способ пометить их галочкой?
Возможно, окно консоли JavaScript или Chrome, что-нибудь?
У меня есть 100 флажков на моей веб-странице. В целях тестирования я хочу отметить все эти поля, но щелчок вручную занимает много времени. Есть ли способ пометить их галочкой?
Возможно, окно консоли JavaScript или Chrome, что-нибудь?
Самый прямой способ - захватить все ваши входы, отфильтровать только флажки и установить проверенное свойство.
var allInputs = document.getElementsByTagName("input");
for (var i = 0, max = allInputs.length; i < max; i++){
if (allInputs[i].type === 'checkbox')
allInputs[i].checked = true;
}
Если вы используете jQuery, и я не говорю, что вы должны начинать только галочку со всеми вашими флажками для тестирования - вы могли бы просто сделать
$("input[type='checkbox']").prop("checked", true);
или, как указывает Фабрицио:
$(":checkbox").prop("checked", true);
Чистый JS-метод, не используйте jQuery.. его просто глупо для чего-то такого тривиального.
[].forEach.call( document.querySelectorAll('input[type="checkbox"]'),function(el){
el.checked=true;
}
);
Чтобы использовать его на любой веб-странице, вы можете вставить его в адресную строку
javascript:[].forEach.call(document.querySelectorAll('input[type="checkbox"]'),function(el){el.checked=true});
затем перетащите его в закладки, и у вас есть букмарклет. Просто нажмите его, когда вам нужно использовать его на странице.
используя jquery, просто как
$('input:checkbox').each(function () {
// alert(this);
$(this).attr('checked', true);
});
Или просто используйте
$('input:checkbox').prop('checked', true);// use the property
ИЛИ
$('input:checkbox').attr('checked', true); // by using the attribute
querySelectorAll
- ваш лучший выбор здесь, если вы не хотите jQuery!
var ele = document.querySelectorAll("input[type=checkbox]");
for(var i=0;i<ele.length;i++){
ele[i].checked = true;
}
//Done.
Этот код JS будет проверять все флажки на вашей странице:
var a = document.querySelectorAll('input[type="checkbox"]');
for (var i=0; i<a.length; i++)
a[i].checked = true;
Все, что вам нужно сделать, это создать с ним букмарклет, скажем, с этим создателем букмарклета, который генерирует этот код букмарклета:
javascript:var a=document.querySelectorAll('input[type="checkbox"]');for(var i=0;i<a.length;i++)a[i].checked=true;%E2%80%8B
Просто добавьте этот URI в закладку на панели инструментов закладки, тогда все, что вам нужно сделать, это щелкнуть по нему, когда вам понадобятся все флажки на вашей странице. =]
Все, что вам нужно изменить, это тег 'name', чтобы изменить, что его turing ON/OFF
<FORM>
<input type="checkbox" name="item0[]" onclick="CheckAll(this)" />
<input type="checkbox" name="item0[]" value="1" />
<input type="checkbox" name="item0[]" value="2" />
<input type="checkbox" name="item0[]" value="3" />
<br>
<input type="checkbox" name="item1[]" onclick="CheckAll(this)" />
<input type="checkbox" name="item1[]" value="a" />
<input type="checkbox" name="item1[]" value="b" />
<input type="checkbox" name="item1[]" value="c" />
<br>
<input type="checkbox" name="item2" onclick="CheckAll(this)" />
<input type="checkbox" name="item2" value="a1" />
<input type="checkbox" name="item2" value="b2" />
<input type="checkbox" name="item2" value="bc" />
</FORM>
<script>
function CheckAll(x)
{
var allInputs = document.getElementsByName(x.name);
for (var i = 0, max = allInputs.length; i < max; i++)
{
if (allInputs[i].type == 'checkbox')
if (x.checked == true)
allInputs[i].checked = true;
else
allInputs[i].checked = false;
}
}
</script>
Я предоставил ответ на этот вопрос при проверке всех флажков на странице через инструменты разработчика
Короче вы можете сделать это с помощью консоли инструментов (F12) с помощью:
$$('input').map(i => i.checked = true)
или
$$('input[type="checkbox"').map(i => i.checked = true)
function selectAll(elem)
{
for (i = 0; i < elem.length; i++)
elem[i].checked = true ;
}
При нажатии кнопки вызывается этот метод и передается имя элемента (флажки - все они должны быть одинаковыми).