0

チェックボックスから複数のデータを収集しようとしていますが、これを行う方法がわかりません。今私は持っています:

<input tabindex="1" type="checkbox" name="friend[]" id="{{$friend}}" value="{{$friend}}" style="display:inline-block;">

これにより、必要な ID ({{$friend}} に含まれる) を収集できます。しかし、この ID に関連付けられた名前も必要です。単一のチェックボックスから複数の値を収集する方法はありますか? ビューを変更せずにデータを収集して別のフォームに移動しているため、これが必要になります。これは、チェックされたときにビュー内のもの (つまり、ID と名前) を出力する JavaScript に使用されます。

これがJavaScriptです:

<script>
$(document).ready(function(){
    var callbacks_list = $('.callbacks ul');
    $('.facebook-friends-larger input').on('ifChecked', function(event){
        callbacks_list.prepend('<li><img src="https://graph.facebook.com/'+this.id+'/picture" alt="" height="50" width="50"><span id="#'+this.id+'">#' + this.id + '</span> is ' + event.type.replace('if', '').toLowerCase() + '</li>');
    });

    $('.facebook-friends-larger input').on('ifUnchecked', function(event) {
        callbacks_list.find('span#'+ this.id).closest('li').remove();
        console.log(this.id);
    });    
});
</script>

何か案は?ご協力ありがとうございました。

4

4 に答える 4

1

これを試してみてください。

 $("input[type=checkbox]").change(function(){
        alert($(this).val()); //get a val
        alert($(this).attr('name')); //get a value of name attribute

    });

フィドルhere

于 2013-10-11T05:29:12.980 に答える
0

これを試して

HTML

<input tabindex="1" type="checkbox" name="friend[]" id="123" value="{{$friend}}" style="display:inline-block;">test

JS

$(document).ready(function(){
    $("#123").change(function(){
        $(this).val(); //get a val
        console.log($(this).attr('name')); //get a value of name attribute

    });

});

フィドル

于 2013-10-11T05:24:44.970 に答える
0

ページが読み込まれる前にユーザー名にアクセスできる場合 (したがって、ページの読み込みやユーザー アクションの後に ajax クエリを実行せずにユーザー名を DOM に挿入できる場合)、data-たとえばdata-name次の形式で HTML5 属性に保存できます。 :

<input tabindex="1" type="checkbox" name="friend[]" id="{{$friend}}" value="{{$friend}}" data-name="{{name}}" style="display:inline-block;">

.data()jQuery でメソッドを呼び出すだけで名前にアクセスできます$('input').data('name')

于 2013-10-11T12:28:02.603 に答える
0

使用する:

var name = $("#checkbox-id").attr("name"); // Use whatever method you have to target the checkbox

他の値を取得するなど

于 2013-10-11T05:19:46.857 に答える