Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 02.02.2016, 00:07
NoN NoN вне форума
Интересующийся
Отправить личное сообщение для NoN Посмотреть профиль Найти все сообщения от NoN
 
Регистрация: 01.02.2016
Сообщений: 14

Совершить клик по Label
Здравствуйте, пытаюсь сделать плагин для хрома.
Нужно совершить пару кликов, но не получаться, клик просто не происходит.
Я так понимаю потому что за label стоит checkbox и такой код не помогает:
document.getElementById('country_code_AF').click()

Спасибо laimas . Оказывается клик срабатывал, просто этого не было видно.

Вот кусок страницы:
<div id="country-block">
  <div id="country-list">
    <ul>
        <li class="country-wrap">
          <input id="country_code_AF" value="AF" name="iso_country_code" type="checkbox">
          <label for="country_code_AF">Афганистан</label>
        </li>
</ul>
  </div>
  </div>

Последний раз редактировалось NoN, 02.02.2016 в 01:30.
Ответить с цитированием
  #2 (permalink)  
Старый 02.02.2016, 00:16
Профессор
Отправить личное сообщение для Decode Посмотреть профиль Найти все сообщения от Decode
 
Регистрация: 31.01.2015
Сообщений: 576

<input id="inp" type="checkbox" />
<label for="inp">Bla-bla</label>

<script>
	var inpElem = document.body.children[0],
	    label = inpElem.nextElementSibling;

	inpElem.onclick = function() {
		label.checked = true;
	};

	inpElem.click();
</script>
Ответить с цитированием
  #3 (permalink)  
Старый 02.02.2016, 00:18
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

NoN,
нету элемента ещё на странице а вам уже кликать охота
Ответить с цитированием
  #4 (permalink)  
Старый 02.02.2016, 00:24
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

По label, это по атрибуту тогда - document.querySelector('[for=country_code_AF]').click()
Ответить с цитированием
  #5 (permalink)  
Старый 02.02.2016, 00:32
NoN NoN вне форума
Интересующийся
Отправить личное сообщение для NoN Посмотреть профиль Найти все сообщения от NoN
 
Регистрация: 01.02.2016
Сообщений: 14

Сообщение от laimas Посмотреть сообщение
По label, это по атрибуту тогда - document.querySelector('[for=country_code_AF]').click()
Спасибо большое, помогли.
Я просто вообще пока не знаком с js и html и пытался сделать это уже 2 день.
Ответить с цитированием
  #6 (permalink)  
Старый 02.02.2016, 00:38
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

А почему программно именно по label, чем непосредственно по флажку не подходит?
Ответить с цитированием
  #7 (permalink)  
Старый 02.02.2016, 00:56
NoN NoN вне форума
Интересующийся
Отправить личное сообщение для NoN Посмотреть профиль Найти все сообщения от NoN
 
Регистрация: 01.02.2016
Сообщений: 14

Сообщение от laimas Посмотреть сообщение
А почему программно именно по label, чем непосредственно по флажку не подходит?
Так я и не знал что можно сразу по флажку, к тому же не знаю как за него зацепиться за флажок)
Ответить с цитированием
  #8 (permalink)  
Старый 02.02.2016, 01:13
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Сообщение от NoN
не знаю как за него зацепиться за флажок
document.getElementById('country_code_AF').click()
Ответить с цитированием
  #9 (permalink)  
Старый 02.02.2016, 01:18
NoN NoN вне форума
Интересующийся
Отправить личное сообщение для NoN Посмотреть профиль Найти все сообщения от NoN
 
Регистрация: 01.02.2016
Сообщений: 14

Сообщение от laimas Посмотреть сообщение
document.getElementById('country_code_AF').click()
А так клик не происходит, хотя может и происходит, но label не выделяется.
Ответить с цитированием
  #10 (permalink)  
Старый 02.02.2016, 01:22
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

А метка и не должна выделяться, рабочий в этой "связке" флажок, а метка для удобства, чтобы можно было выбирать/снимать флажок щелчком не только по нему, но и по тексту связанному с ними, который определяется label.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Клик по двум label рони (X)HTML/CSS 3 03.02.2015 20:06
Имитация элемента label не для элементов формы Jeremen Events/DOM/Window 2 09.01.2015 21:25
Клик и двойной клик ksa Events/DOM/Window 18 19.12.2013 09:55
Как при быстром многократном клике по кнопке обрабатывать только первый клик battrack jQuery 3 22.03.2012 10:47
как правильно подключить файл? betonka Events/DOM/Window 10 10.04.2011 21:53