2016-11-08 5 views
0

iは私user.jsの中に選択されたトップ1 laravel 5.3

JS

$('.group-selector-campaign').click(function() { 
    if($(this).is(':checked')) { 
     $('.group-campaign-').prop('checked', true); 
    } else { 
     $('.group-campaign-').prop('checked', false); 
    } 
}); 

ビュー

<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"> 
<input type="checkbox" class="checkboxes"> 
        </label> 
          </th> 
          <th>Name</th> 
          <th>Email</th> 
          <th>Created at</th> 
          <th>Actions</th> 

その私の方法以下の書いているファイルの場合は、すべてのcheckoxesを選択ヘッダーと私は下にあるすべてのチェックボックスが自動的に選択されるチェックボックスが選択されている場合も必要です。私は

<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"> 
    <input type="checkbox" class="checkboxes" value="1"> 
            </label> 

その動作していないがdontにそう第二ラインのためにこれを使用すると、他のすべてのテーブルのフィールドについては、以下の はなぜ知っています。 すべての機能が正しく機能している場合はどうすればいいですかグループセレクタキャンペーンクラスが正常に動作するようにするには

+1

最初に、あなたのhtmlの – Bharat

+0

に '.group-selector-campaign'と' group-campaign-'が表示されないので、あなたが使ったすべてのセレクタをチェックしてください。 $( '。group- ').attr(' checked '、true);$( '。group-campaign - ')。attr( 'checked'、false); –

+0

なぜこのタグ付きラベルですか? – Sherif

答えて

0

このようにすることができます。

----- jQuery Syntax -------- 

$('.top-selector').click(function() { 

    var this_element = $(this); 

    var check = false; 
    if(this_element.is(":checked")) { 
     check = true; 
    } 

    // var campaign-checkboxes = 
    this_element.find('select.group-selector-campaign').each(function (i) { 
     if(check) { 
      $(this).prop("checked", true); 
     } else { 
      $(this).prop("checked", false); 
     } 
    }) 

}); 

----- HTML Syntax -------- 

<select type="checkbox" class="top-selector" value=""> 
<div class="campaign-checkboxes"> 
    <select type="checkbox" class="group-selector-campaign" value=""> 
    <select type="checkbox" class="group-selector-campaign" value=""> 
    <select type="checkbox" class="group-selector-campaign" value=""> 
    <select type="checkbox" class="group-selector-campaign" value=""> 
</div> 

希望します。

関連する問題