Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Появляется текст по чекбоксу (https://javascript.ru/forum/misc/55051-poyavlyaetsya-tekst-po-chekboksu.html)

qwe88 12.04.2015 02:48

Появляется текст по чекбоксу
 
Взял этот материал: http://javascript.ru/forum/jquery/44...tml#post293651
1) Подскажите, пожалуйста, как вытащить
Код:

<b></b>
из div class="select"?
2) И как в
Код:

<b>
добавить ссылка "закрыть", при клике на которую снимается конкретный чекбокс?

рони 12.04.2015 08:42

qwe88,
вроде всего - то пара строк - а ничего непонятно

qwe88 12.04.2015 11:11

По ссылке выше есть нужный мне скрипт.
Но та область, где меняется текст по чекбоксу, должна обязательно находится в томже div-е, что и сами чек боксы. Так вот:
1) Как вытянуть меняющуюся область из div-а?
2) Как менять чекбокс по како-нибудь ссылке?

рони 12.04.2015 12:12

qwe88,
может макет сделаите - там одна структура, у вас похоже совсем другая -- зачем натягивать одно на другое

qwe88 12.04.2015 12:24

Никак не получается найти скрипт, который вставляет текст в нужной области, при клике по чекбоксу. Нашел этот вариант, а тут область только в определенном месте, а мне нужно совсем в другом месте страницы. Позишинами из ситуации не выйти, т.к. текбокс находится в popup окне.
Подскажите, пожалуйста, хороший скрипт

рони 12.04.2015 12:33

qwe88,
искать надо не скрипт, а изучать документацию, чтобы применять изученные методы для решения задачи.

qwe88 12.04.2015 12:39

А вы не знаете как это сделать?

рони 12.04.2015 13:11

Цитата:

Сообщение от qwe88
А вы не знаете как это сделать?

нет незнаю - потому что вы толком ни показать ни обьяснить не можите.

qwe88 12.04.2015 13:16

Вот сам скрипт:
<!DOCTYPE HTML>
<html>

<head>

  <meta charset="utf-8">
  <title>demo</title>
   <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(function () {
    $(".select").on("click", "input:checkbox", function (a) {
        var b = a.delegateTarget;
        a = $("b", b);
        !a.data("old") && a.data("old", a.text());
        b = $(":checked", b).parent().text() || a.data("old");
        a.text(b)
    });
})
</script>

</head>

<body>
<div class="select">
      <b>Выбор1</b>
      <div class="option">
       <label><input type="checkbox" /> текст 1</label>
       <label><input type="checkbox" /> текст 2</label>
       <label><input type="checkbox" /> текст 3</label>
       <label><input type="checkbox" /> текст 4</label>
      </div>
     </div>


     <div class="select">
      <b>Выбор2</b>
      <div class="option">
       <label><input type="checkbox" /> текст 1</label>
       <label><input type="checkbox" /> текст 2</label>
       <label><input type="checkbox" /> текст 3</label>
       <label><input type="checkbox" /> текст 4</label>
      </div>
     </div>
</body>
</html>


Смысл такой:
Код:

<b>Выбор1</b>
меняется при выборе какого-нибудь чекбокса. Но если я расположу
Код:

<b>Выбор1</b>
перед
Код:

</body>
, то работать не будит. А нужно сделать так, что бы продолжало работать

рони 12.04.2015 13:43

qwe88,
а у второго div куда расположите?


Часовой пояс GMT +3, время: 00:00.