2

ユーザーが特定のチェックボックスをクリックしたときに作成する動的リストがあります。特定のイベント ハンドラーが組み込まれている iCheck を使用しています。ユーザーが特定のチェックボックスをオフにしたときに、このリストの「行」の 1 つを削除する機能が必要です。

これが私がこれまでに持っているものです:

<script>
        $(document).ready(function(){
            var callbacks_list = $('.callbacks ul');
            $('.facebook-friends-larger input').on('ifChecked', function(event){
              callbacks_list.prepend('<li><span>#' + this.id + '</span> is ' + event.type.replace('if', '').toLowerCase() + '</li>');
            });

            $('.facebook-friends-larger input').on('ifUnchecked', function(event) {


            });

          });
</script>

HTML:

    <ul class="facebook-friends-larger">

            <?php $offset_two=0; ?>     
            @foreach ($friends as $friend)
            <li>
            <div class="facebook_friend_large">
                <input tabindex="1" type="checkbox" name="friend[]" id="{{$friend}}" value="{{$friend}}">
                <label for="{{$friend}}" style="display:inline-block;">
                    <span class="icon"><a href="http://www.facebook.com/{{ $friend }}"><img src="https://graph.facebook.com/{{ $friend }}/picture" alt="" height="50" width="50"></a></span>
                    <span class="icon_text_large"><a href="http://www.facebook.com/{{ $friend }}"><?php echo $friend_names[$offset_two]; ?></a></span>
                </label>
            </div>
            </li>
            <?php $offset_two++; ?>                 
            @endforeach

    </ul>


<div class="callbacks">
<ul></ul>
</div>

私の質問は、Unchecked イベント ハンドラで行を削除するにはどうすればよいですか? 私はそれが次のようなものであることを知っています:

$('#'this.id).remove();

ID は一意です。

しかし、これはエラーをスローします。どうすればこれを達成できますか? ありがとうございました。

4

1 に答える 1