Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / jquery цикл по ячейкам таблицы... help / 13 сообщений из 13, страница 1 из 1
13.07.2012, 10:23:48
    #37877694
flashslash
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery цикл по ячейкам таблицы... help
товарищи, подскажите такую вещь:
есть таблица

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<table>
<tr>
 <td attr1='val1'>
   <input type='checkbox' class='checkboxClass'>
 </td>
</tr>
 ...
 <td attr1='val1'>
   <input type='checkbox' class='checkboxClass'>
 </td>
</tr>

</table>



в ней мне надо получить из js значения чекбоксов (по сути хочу собрать потом json-строку)
делаю так, хотя в коде где-то ошибка в цикле по <td>

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
var checkbx;

$('tr').each(function(){

    var $td = $(this).find('td').get();
    
    // Циклом пройдём по всем строкам в поиске данных
    $.each($td, function(index) {
        checkbx=null;
        checkbx = $(this).find('checkboxClass').get();
        if (checkbx!=null)
        {
           alert(checkbx.attr('checked'));    
        }
    });
});



но цикл по <td> не работает
где ошибка ?


p.s. буду также признателен, если кто-нибудь подскажет плагин jquery, который собирает json по любой таблице, включая содержимое ее ячеек..


заранее всем спасибо!

Apple iPad mini готовится к старту
...
Рейтинг: 0 / 0
13.07.2012, 10:28:25
    #37877710
Програмёр
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery цикл по ячейкам таблицы... help
Код: javascript
1.
checkbx = $(this).find('checkboxClass').get();


может в этом проблема?
Код: javascript
1.
checkbx = $(this).find('.checkboxClass').get();
...
Рейтинг: 0 / 0
13.07.2012, 10:36:49
    #37877726
Програмёр
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery цикл по ячейкам таблицы... help
flashslashтоварищи, подскажите такую вещь:
есть таблица

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<table>
<tr>
 <td attr1='val1'>
   <input type='checkbox' class='checkboxClass'>
 </td>
</tr>
 ...
 <td attr1='val1'>
   <input type='checkbox' class='checkboxClass'>
 </td>
</tr>

</table>



в ней мне надо получить из js значения чекбоксов (по сути хочу собрать потом json-строку)
делаю так, хотя в коде где-то ошибка в цикле по <td>

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
var checkbx;

$('tr').each(function(){

    var $td = $(this).find('td').get();
    
    // Циклом пройдём по всем строкам в поиске данных
    $.each($td, function(index) {
        checkbx=null;
        checkbx = $(this).find('checkboxClass').get();
        if (checkbx!=null)
        {
           alert(checkbx.attr('checked'));    
        }
    });
});



но цикл по <td> не работает
где ошибка ?


хм... даже больше скажу...
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
var checkbx;

$('tr').each(function(){

    var $td = $(this).find('td').get(); // get не надо... нас элемент не интересует, нужен именно jQuery объект
    
    // Циклом пройдём по всем строкам в поиске данных
    $.each($td, function(index) { // тут я написал бы лучше так $td.each(function(index){
        checkbx=null;
        checkbx = $(this).find('checkboxClass').get(); // как уже сказал ранее checkbx = $(this).find('.checkboxClass').get();
        if (checkbx!=null)
        {
           alert(checkbx.attr('checked'));    
        }
    });
});
...
Рейтинг: 0 / 0
13.07.2012, 10:48:37
    #37877743
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery цикл по ячейкам таблицы... help
flashslashp.s. буду также признателен, если кто-нибудь подскажет плагин jquery, который собирает json по любой таблице, включая содержимое ее ячеек..что Вы с этим json намерены далее делать?
...
Рейтинг: 0 / 0
13.07.2012, 11:12:19
    #37877783
flashslash
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery цикл по ячейкам таблицы... help
Паганель,

десериализовать в объект на сервере
...
Рейтинг: 0 / 0
13.07.2012, 11:19:43
    #37877795
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery цикл по ячейкам таблицы... help
попробуйте запихнуть таблицу в форму и передать на сервер результат serialize()
( http://api.jquery.com/serialize/)

не знаю как там остальные технологии, но ASP.Net MVC автоматом "десериализирует" это в объект
...
Рейтинг: 0 / 0
13.07.2012, 11:21:10
    #37877799
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery цикл по ячейкам таблицы... help
хм, какая-то битая ссылка получилась :)
вот
http://api.jquery.com/serialize/
...
Рейтинг: 0 / 0
13.07.2012, 11:54:00
    #37877856
flashslash
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery цикл по ячейкам таблицы... help
Паганель,

var ss = $('#имя id дива').serialize();

не сереализует его содержимое

а если указать вместо дива форму, то сериализует только свойства формы и не более
...
Рейтинг: 0 / 0
13.07.2012, 13:17:06
    #37878079
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery цикл по ячейкам таблицы... help
flashslashа если указать вместо дива форму, то сериализует только свойства формы и не болеекакие еще свойства формы я не понял
вот простейший пример на коленке:
http://jsfiddle.net/mWTZG/
...
Рейтинг: 0 / 0
13.07.2012, 14:31:15
    #37878274
flashslash
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery цикл по ячейкам таблицы... help
Паганель,

спасибо.

у меня мой скрипт не отработал, но ваш пример все хорошо демонстрирует ...
однако учитываются только input, а такие цещи как атрибуты таблицы, увы нет...
для этого надо использовать какой-то иной сериализатор..
...
Рейтинг: 0 / 0
13.07.2012, 15:13:56
    #37878404
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery цикл по ячейкам таблицы... help
flashslashу меня мой скрипт не отработал, но ваш пример все хорошо демонстрирует ...
однако учитываются только input, а такие цещи как атрибуты таблицы, увы нет...сделайте так, чтобы Ваши (пользовательские) данные хранились не в атрибутах таблицы, а в input type="hidden"
...
Рейтинг: 0 / 0
14.07.2012, 13:25:06
    #37879217
sp
sp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery цикл по ячейкам таблицы... help
flashslash,

сделайте так:
Код: javascript
1.
2.
3.
$('tableID :input').map(function(el){
  return el.val();
});
...
Рейтинг: 0 / 0
14.07.2012, 13:29:44
    #37879220
sp
sp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery цикл по ячейкам таблицы... help
получите массив значений инпутов во всем вашем гриде - а после сериализируйте или кодируйте как хотите

Код: javascript
1.
2.
3.
4.
5.
6.
7.
var res = $('tableID :input').map(function(el){
  return el.name + '=' + el.val(); //el.id + '=' + el.val()
}).join('&');

res = encodeURIComponent(res);

send res.....
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / jquery цикл по ячейкам таблицы... help / 13 сообщений из 13, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]