Перейти к содержимому


Партнерская программа Kredov

Javascript и checkbox

#11 кипятильник

кипятильник
    Topic Starter
  • Пользователь
  • 102 сообщений
  • Репутация: 0
0

Отправлено 18 Июнь 2014 - 14:42

спасибо за скрипт, особенно за ссылку


  • 0

#12 sakhseo

sakhseo
  • Пользователь
  • 13 сообщений
  • Репутация: 1

Отправлено 18 Июнь 2014 - 22:09

Не заметил что уже дали пример без использования jQuery)) Но не пропадать же труду)))

Един пример)) Для общего развития так сказать))

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<script type="text/JavaScript">
function checkAll(t, b){
  var ch = t.checked;
  // "отмечаем" все чекбоксы
  e = document.getElementsByClassName(b);
  for(i = 0, l = e.length; i < l; i++){
    e[i].checked = ch;
    // "окрашиваем строку"
    e[i].parentNode.parentNode.style.backgroundColor = ch ? '#FF0000' : '';
  }
  // "отмечаем" все "управляющие" чекбоксы (на случай если их больше одного)
  e = document.getElementsByClassName(t.className);
  for(i = 0, l = e.length; i < l; i++){
    e[i].checked = ch;
  }
}
</script>
<form method="post">
  <table width="200">
    <tr>
      <td width="100"><input type="checkbox" class="check1" /></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td width="100"><input type="checkbox" class="check1"/></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td width="100"><input type="checkbox" class="check1" /></td>
      <td>&nbsp;</td>
    </tr>
  </table>
</form>
<input type="checkbox" value="checkbox" onClick="checkAll(this, 'check1')" class="checkAll">
выделить все checkbox
</body>
</html>

  • 0

#13 кипятильник

кипятильник
    Topic Starter
  • Пользователь
  • 102 сообщений
  • Репутация: 0

Отправлено 19 Июнь 2014 - 10:51

супер БОЛЬШОЕ спасибо, то что надо! :)

 

 

 

Не заметил что уже дали пример без использования jQuery)) Но не пропадать же труду)))

Един пример)) Для общего развития так сказать))



<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<script type="text/JavaScript">
function checkAll(t, b){
  var ch = t.checked;
  // "отмечаем" все чекбоксы
  e = document.getElementsByClassName(b);
  for(i = 0, l = e.length; i < l; i++){
    e[i].checked = ch;
    // "окрашиваем строку"
    e[i].parentNode.parentNode.style.backgroundColor = ch ? '#FF0000' : '';
  }
  // "отмечаем" все "управляющие" чекбоксы (на случай если их больше одного)
  e = document.getElementsByClassName(t.className);
  for(i = 0, l = e.length; i < l; i++){
    e[i].checked = ch;
  }
}
</script>
<form method="post">
  <table width="200">
    <tr>
      <td width="100"><input type="checkbox" class="check1" /></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td width="100"><input type="checkbox" class="check1"/></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td width="100"><input type="checkbox" class="check1" /></td>
      <td>&nbsp;</td>
    </tr>
  </table>
</form>
<input type="checkbox" value="checkbox" onClick="checkAll(this, 'check1')" class="checkAll">
выделить все checkbox
</body>
</html>

  • 0

#14 fedornabilkin

fedornabilkin
  • Пользователь
  • 696 сообщений
  • Репутация: 91

Отправлено 21 Июнь 2014 - 10:58

jQuery с гуггля сейчас очень хорошо использовать, потому что этот файл в кэше у браузера и не занимает время на загрузку и т.д.


  • 0
Как часто в горестной разлуке,В моей блуждающей судьбе, ФО, я думал о тебе.



Оформление форума – IPBSkins.ru