Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   вывод тега label (https://javascript.ru/forum/jquery/84368-vyvod-tega-label.html)

vasoli 20.08.2022 00:37

вывод тега 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>');
    });
  });
});

рони 20.08.2022 08:15

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>

vasoli 23.08.2022 13:38

Спасибо


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