チェックボックスで選択されたlabel名を取得したい。

jQueryでチェックされたlabel名を取得したいです。

jquery初心者です。
下記コードでvalueは取得できるようになったのですが、選択されたlabel名が取得できず苦戦しています。
よろしくお願いします。

html
1<div class="form-row" id="nms" >
2                        <table class="table table-borderless mb-0">
3                            <tr>
4                                <td class="p-0">
5                                    <div class="form-check">
6                                        <input type="checkbox" class="form-check-input" id="nm1" name="nm" value="1">
7                                        <label class="form-check-label" for="nm1">あああ</label>
8                                    </div>
9                                </td>
10                                <td class="p-0">
11                                    <div class="form-check">
12                                        <input type="checkbox" class="form-check-input" id="nm2"  name="nm" value="2">                                   
13                                        <label class="form-check-label" for="nm2">いいい</label>
14                                    </div>
15                                </td>

jQuery
1        var values = []; 
2    	var staNm = [];
3    	
4    	$("#nms").find('input:checked').each(function (i, e){
5    		values.push($(e).val());
6    	});
7    	
8    	$("#nms").find('input[name=staNm]:checked').each(function (i, e){
9    		staNm.push($(e).text());
10    	});
11

行動規範の内容に同意します

回答2件

javascript
1$(':checkbox').each(function () {
2    let txt = $(this).next('label').text();
3    console.log(txt);
4});

javascript
1$(':checkbox').each(function () {
2    let txt = $('label[for="' + $(this).prop('id') + '"]').text();
3    console.log(txt);
4});

投稿2019/12/21 08:01

退会済みユーザー

総合スコア0

icezoom

2019/12/21 08:21

ありがとうございます！上記の方法でも取得ができました！

行動規範の内容に同意します

ベストアンサー

これでどうだろう。

js
1$( "#nms" ).find( 'input:checked' ).each( function ( i, e ) {
2    values.push( $( "#nms" ).find( 'label[for=' + $(e).attr( 'id' ) + ']' ).html() );
3} );