вывод тега 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>'); }); }); }); |
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> |
Спасибо
|
Часовой пояс GMT +3, время: 22:10. |