Форум

oopros · #1 (**permalink**) 13.06.2017, 21:27

Есть фукнция, с помощью которой реализована в форме возможность "Выделить все"
function Checkall(form){
for (var i = 1; i < form.elements.length; i++){
eval("form.elements[" + i + "].checked = form.elements[0].checked");
}
}

Но когда в форму добавляется какой-то элемент кроме checkbox – в том случае перестает срабатывать.
Как быть? Может возможно как-то подправить?

рони · #2 (**permalink**) 13.06.2017, 21:57

выбрать не все элементы формы, а только checkbox

Сообщение от oopros

.~~elements~~

Поиск: getElement* и querySelector* и не только

oopros · #3 (**permalink**) 13.06.2017, 21:59

Сообщение от рони

выбрать не все элементы формы, а только checkbox

Поиск: getElement* и querySelector* и не только

понимаю, просто с js плохо знаком, может поможете что исправить?
function Checkall(form){
for (var i = 1; i < form.elements.length; i++){
eval("form.elements[" + i + "].checked = form.elements[0].checked");
}
}

рони · #4 (**permalink**) 13.06.2017, 22:11

oopros,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script>
     function Checkall(form){
 var c = form.querySelectorAll('[type="checkbox"]');
 for (var i = 1; i < c.length; i++){
 c[i].checked = c[0].checked;
 }
 }
  </script>
</head>

<body>
 <form action="http://">
  <label><input name="" type="checkbox" onclick="Checkall(this.form)">All</label>
  <input name="" type="checkbox">
  <input name="" type="checkbox">
 </form>

</body>
</html>

oopros · #5 (**permalink**) 13.06.2017, 22:40

Сообщение от рони

oopros,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script>
     function Checkall(form){
 var c = form.querySelectorAll('[type="checkbox"]');
 for (var i = 1; i < c.length; i++){
 c[i].checked = c[0].checked;
 }
 }
  </script>
</head>

<body>
 <form action="http://">
  <label><input name="" type="checkbox" onclick="Checkall(this.form)">All</label>
  <input name="" type="checkbox">
  <input name="" type="checkbox">
 </form>

</body>
</html>

спасибо, сработало

Форум

Справочник

Discord чат

Курсы javascript