Форум

qwe88 · #1 (**permalink**) 12.04.2015, 02:48

Взял этот материал: Копирование текста чекбокса
1) Подскажите, пожалуйста, как вытащить

Код:

<b></b>

из div class="select"?
2) И как в

Код:

<b>

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

рони · #2 (**permalink**) 12.04.2015, 08:42

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

qwe88 · #3 (**permalink**) 12.04.2015, 11:11

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

рони · #4 (**permalink**) 12.04.2015, 12:12

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

qwe88 · #5 (**permalink**) 12.04.2015, 12:24

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

рони · #6 (**permalink**) 12.04.2015, 12:33

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

qwe88 · #7 (**permalink**) 12.04.2015, 12:39

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

рони · #8 (**permalink**) 12.04.2015, 13:11

Сообщение от qwe88

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

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

qwe88 · #9 (**permalink**) 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>

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

рони · #10 (**permalink**) 12.04.2015, 13:43

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

Форум

Справочник

Discord чат

Курсы javascript