Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Чекбоксы: отметить все
 
 автор: Zilog   (27.01.2009 в 18:59)   письмо автору
 
 

Задача: необходимо по клику отметить все чекбоксы в форме
Собствено люди предлагают такое решение
<script type="text/javascript">
function checkAll(oForm, cbName, checked)
{
  for (var i=0; i < oForm[cbName].length; i++) oForm[cbName][i].checked = checked;
}
</script>

Предлагая для этого все чекбоксы называть одним именем:

<form>
<input name="myname[]" type="checkbox">
<input name="myname[]" type="checkbox">
<input name="myname[]" type="checkbox">
<input name="myname[]" type="checkbox">
<input type="button" value="Check all" onClick="check(this.form[myname[]'])">
</form>


Возник вопрос. А что делать, если у меня каждое имя чекбокса хранит ID редактирующегося поля в БД? Вот так:
<form>
<input name="myname[1]" type="checkbox">
<input name="myname[2]" type="checkbox">
<input name="myname[3]" type="checkbox">
</form>


В это случае предложенный скрипт неработает. Как быть?

  Ответить  
 
 автор: Zilog   (27.01.2009 в 19:10)   письмо автору
 
   для: Zilog   (27.01.2009 в 18:59)
 

А вот этот вариант, который обходит все чекбоксы в форме, почему-то отмечает только первый.


function markAllRows( container_id, status ) 
{
    var rows = document.getElementById(container_id).getElementsByTagName('tr');
    var unique_id;
    var checkbox;
    
    
    for ( var i = 0; i < rows.length; i++ ) {

        checkbox = rows[i].getElementsByTagName( 'input' )[0];

        if ( checkbox && checkbox.type == 'checkbox' ) {
            unique_id = checkbox.name + checkbox.value;
            checkbox.checked = status;
        }
    }

    return true;
}

  Ответить  
 
 автор: PAT   (27.01.2009 в 19:40)   письмо автору
 
   для: Zilog   (27.01.2009 в 19:10)
 

Так вы сами в коде указываете только один (первый) чекбокс (с нулевым индексом), а потом удивляетесь - чего это скрипт остальные чекбоксы не проверяет?

Чебоксов в одной строке может быть несколько, т.е. коллекция getElementsByTagName( 'input' ) может иметь несколько элементов - значит, необходим ещё один внутренний цикл, чтобы обойти их все.
Приблизительно так:
for ( var i = 0; i < rows.length; i++ ) {
       for (var j = 0; j < rows[i].getElementsByTagName( 'input' ).length; j ++) {
        checkbox = rows[i].getElementsByTagName( 'input' )[j];

        if ( checkbox && checkbox.type == 'checkbox' ) {
            unique_id = checkbox.name + checkbox.value;
            checkbox.checked = status;
        } 
        }
        }

  Ответить  
 
 автор: Zilog   (28.01.2009 в 00:22)   письмо автору
 
   для: PAT   (27.01.2009 в 19:40)
 

Спасибо, Пат,

но у меня обраружилась рабочая версия таким образом:

var rows = document.getElementById(container_id).getElementsByTagName('td');
var unique_id;
var checkbox;
for ( var i = 0; i < rows.length; i++ )
{
checkbox = rows[i].getElementsByTagName( 'input' )[0];
if ( checkbox && checkbox.type == 'checkbox' ) {
checkbox.checked = status;
}



то есть я поправил только первую строчку, где указывается тег таблицы
как оно работает - не скажу, я в яве не силен. Код я выдрал из phpmyadmin

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования