Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 30.08.2011, 16:05
Аватар для Sadist_dead
Профессор
Отправить личное сообщение для Sadist_dead Посмотреть профиль Найти все сообщения от Sadist_dead
 
Регистрация: 08.08.2011
Сообщений: 191

checkbox проверка нажатия
Есть форма в нее выводятся список checkbox
хочу проверить каких из них нажаты и результат поместить в div

дулею следующие
<form id="zxc" name="zxc">
тут список чебоксов
</form>

<script>
    function er() {
      var str = $("form").serialize();
      $("#results6").text(str);
    }
    $(":checkbox, :radio").click(er);
   
    er();
</script>


<div id="results6"></div>
помещать то он помещает только не значения этой формы а совсем другой
которая находиться выше этой...
как обратиться скриптом по id
Делаю так не работает

<script>
    function er() {
      var str = $("#zxc").serialize();
      $("#results6").text(str);
    }
    $(":checkbox, :radio").click(er);
   
    er();
</script>

Последний раз редактировалось Sadist_dead, 30.08.2011 в 16:58.
Ответить с цитированием
  #2 (permalink)  
Старый 30.08.2011, 17:04
Аватар для B@rmaley.e><e
⊞ Развернуть
Отправить личное сообщение для B@rmaley.e><e Посмотреть профиль Найти все сообщения от B@rmaley.e><e
 
Регистрация: 11.01.2010
Сообщений: 1,810

Всё работает
<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<form>lalala</form>
<form id="zxc" name="zxc">
<input type="checkbox" name="ch1" value="lalala1" checked />
<input type="checkbox" name="ch2" value="lalala2" checked />
<input type="checkbox" name="ch3" value="lalala3" />
<input type="checkbox" name="ch4" value="lalala4" />
<input type="checkbox" name="ch5" value="lalala5" checked />
</form>
<div id="results6"></div>
<script>
    function er() {
      var str = $("#zxc").serialize();
      $("#results6").text(str);
    }
    $(":checkbox, :radio").click(er);
   
    er();
</script>
Ответить с цитированием
  #3 (permalink)  
Старый 30.08.2011, 17:18
Аватар для Sadist_dead
Профессор
Отправить личное сообщение для Sadist_dead Посмотреть профиль Найти все сообщения от Sadist_dead
 
Регистрация: 08.08.2011
Сообщений: 191

Спасибо, да сделал на отдельной страничке .... все работает
а вот на моей основной нет , наверное дело в том что я вывожу список чебоксов из массива циклом
html = '';

for(var i = 0; i < data.length; ++i) {
  var rty = data[i]['id_user'] + '\n';
   var name = data[i]['name'] + '\n';
      var fam = data[i]['fam'] + '\n';
	       var otch = data[i]['otch'] + '\n';
zxc.innerHTML +=fam+name+otch+'<input name="" type="checkbox" value="'+rty+'"/><br>'


}

<form id="zxc" name="zxc">

</form>
<div id="results6"></div>
<script>
    function er() {
      var str = $("#zxc").serialize();
      $("#results6").text(str);
    }
    $(":checkbox, :radio").click(er);
    
    er();
</script>

Хотя по идеи должно же работать
Ответить с цитированием
  #4 (permalink)  
Старый 30.08.2011, 17:25
Аватар для crayday
Аспирант
Отправить личное сообщение для crayday Посмотреть профиль Найти все сообщения от crayday
 
Регистрация: 30.08.2011
Сообщений: 61

> а вот на моей основной нет , наверное дело в том что я вывожу список чебоксов из массива циклом

Да, проблема вполне может быть в этом. Если код вынесен в отдельный скрипт, то на тестовой страничке этот код будет успевать загружаться перед кодом, вставленным жестко, а на тяжёлой боевой странице код будет загружаться позже.

Можно попробовать отложить выполнение er до события ready jquery
Ответить с цитированием
  #5 (permalink)  
Старый 30.08.2011, 17:53
Аватар для Sadist_dead
Профессор
Отправить личное сообщение для Sadist_dead Посмотреть профиль Найти все сообщения от Sadist_dead
 
Регистрация: 08.08.2011
Сообщений: 191

Сообщение от crayday Посмотреть сообщение
> а вот на моей основной нет , наверное дело в том что я вывожу список чебоксов из массива циклом

Да, проблема вполне может быть в этом. Если код вынесен в отдельный скрипт, то на тестовой страничке этот код будет успевать загружаться перед кодом, вставленным жестко, а на тяжёлой боевой странице код будет загружаться позже.

Можно попробовать отложить выполнение er до события ready jquery
Спасибо направление понятно буду думать
Ответить с цитированием
  #6 (permalink)  
Старый 30.08.2011, 18:01
Аватар для Sadist_dead
Профессор
Отправить личное сообщение для Sadist_dead Посмотреть профиль Найти все сообщения от Sadist_dead
 
Регистрация: 08.08.2011
Сообщений: 191

Подскажите а на что накладывать событие ready .... я что ни могу понять на функцию вроде не логично, на форму еще более не логично
Ответить с цитированием
  #7 (permalink)  
Старый 30.08.2011, 18:42
Аватар для Sadist_dead
Профессор
Отправить личное сообщение для Sadist_dead Посмотреть профиль Найти все сообщения от Sadist_dead
 
Регистрация: 08.08.2011
Сообщений: 191

Может быть так ???
<script>
jQuery(document).ready(function er(){
  
	var str = $("#zxc").serialize();
	 $("#results6").text(str);
});
$(":checkbox, :radio").click(er);
     
    er();
 
  
	
</script>

Я правильно двигаюсь или совсем не правильно ?
Ответить с цитированием
  #8 (permalink)  
Старый 30.08.2011, 18:44
Аватар для B@rmaley.e><e
⊞ Развернуть
Отправить личное сообщение для B@rmaley.e><e Посмотреть профиль Найти все сообщения от B@rmaley.e><e
 
Регистрация: 11.01.2010
Сообщений: 1,810

Sadist_dead, 50/50. Идея использовать document ready верная, но текущая реализация никуда не годится.
Ответить с цитированием
  #9 (permalink)  
Старый 30.08.2011, 18:48
Аватар для Sadist_dead
Профессор
Отправить личное сообщение для Sadist_dead Посмотреть профиль Найти все сообщения от Sadist_dead
 
Регистрация: 08.08.2011
Сообщений: 191

Спасибо думаю...
Сообщение от B@rmaley.e><e Посмотреть сообщение
Sadist_dead, 50/50. Идея использовать document ready верная, но текущая реализация никуда не годится.
Спасибо думаю...
Ответить с цитированием
  #10 (permalink)  
Старый 30.08.2011, 19:18
Аватар для Sadist_dead
Профессор
Отправить личное сообщение для Sadist_dead Посмотреть профиль Найти все сообщения от Sadist_dead
 
Регистрация: 08.08.2011
Сообщений: 191

Может быть так ???№2
<script>
jQuery(document).ready(function xox(){
     function er(){
  
	var str = $("#zxc").serialize();
	 $("#results6").text(str);
};
$(":checkbox, :radio").click(er);
     
    er();
 
});
</script>

как я понимаю что когда dom загружен и функция xox( которая формирует список чебоксов ) то выполнять функцию er

или имеется ввиду
что когда дом загружен выполнять функцию er и функция xox вообще не причем ? ведь она же формирует dom тогда скорее не причем, но я тогда не могу понять почему предыдущий вариант был не правилен ?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
спрятать/показать поле ввода при нажатии на checkbox g1r Элементы интерфейса 34 16.12.2017 00:34
Проверка Checkbox на checked Anton24322224 Общие вопросы Javascript 5 18.10.2012 23:27
Переключение checkbox с помощью toggle Viper jQuery 1 03.09.2012 15:22
Функция disable для нескольких checkbox allforweb Элементы интерфейса 4 19.12.2010 17:51
Проверка статуса checkbox при xmlhttprequest vvsh AJAX и COMET 3 06.08.2009 15:51