Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.08.2022, 00:37
Аспирант
Отправить личное сообщение для vasoli Посмотреть профиль Найти все сообщения от vasoli
 
Регистрация: 03.08.2022
Сообщений: 33

вывод тега label
как вывести значение тега label:
<label for="table_td" type="checkbox" id="table_td">texto for label</label>

>texto for label<
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>


<div class="sum_value">
  <div class="table_td">
    <input type="checkbox" value="vvv" id="table_td" placeholder="1">
    <label for="table_td" type="checkbox" id="table_td">texto for label</label>
    <noscript>BBB</noscript>
  </div>


  <div class="res1">
    <div class="options_sum" id="options_sum">x: <span></span></div>
    <div class="options_value" id="options_value">
      <p id="options_value" class="options_value"></p>
    </div>
  </div>

$(document).ready(function() {
  $('.table_td input').click(function() {
    $('#options_value').html('');
    $('input:checkbox:checked').each(function() {
      $('#options_value').append($(this).val() + '<br>');
    });
  });
});
Ответить с цитированием
  #2 (permalink)  
Старый 20.08.2022, 08:15
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

vasoli,
<!DOCTYPE html>
<html>

<head>
    <title>Untitled</title>
    <meta charset="utf-8">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
        $(function() {
            $('.table_td').on('change', 'input:checkbox', function(event) {
                $('#options_value').html('');
                $('input:checkbox:checked', event.delegateTarget).each(function() {
                    //let txt = $(`[for="${this.id}"]`).text();
                    let txt = this.labels[0].textContent;
                    $('#options_value').append([txt, this.value] + '<br>');
                });
            });
        });
    </script>
</head>

<body>
    <div class="sum_value">
        <div class="table_td">
            <input type="checkbox" value="vvv" id="table_td" placeholder="1">
            <label for="table_td" type="checkbox" id="table_td">texto for label</label>
            <noscript>BBB</noscript>
        </div>
        <div class="res1">
            <div class="options_sum" id="options_sum">x: <span></span></div>
            <div class="options_value" id="options_value">
                <p id="options_value" class="options_value"></p>
            </div>
        </div>
    </div>
</body>

</html>
Ответить с цитированием
  #3 (permalink)  
Старый 23.08.2022, 13:38
Аспирант
Отправить личное сообщение для vasoli Посмотреть профиль Найти все сообщения от vasoli
 
Регистрация: 03.08.2022
Сообщений: 33

Спасибо
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вывод значения тега span vasoli jQuery 2 04.08.2022 22:08
Выделить строку в таблице через input и label Bab (X)HTML/CSS 2 25.01.2018 11:44
Имитация элемента label не для элементов формы Jeremen Events/DOM/Window 3 09.01.2015 21:25
Вывод тега <script> после ajax запроса в указанном div`е Dimkus AJAX и COMET 1 27.02.2012 01:41
как правильно подключить файл? betonka Events/DOM/Window 10 10.04.2011 21:53