如何使用複選框onchange過濾laravel中的數據

Question

我有一個電子商務網站，它也需要一個過濾器選項。

我從來沒有這樣做過，所以不知道它是如何工作的。我做了一些谷歌-ING和YouTube帶給我發現這個代碼

<center> 
    <ul> 
     <a href="{{ url('category/' . $tag . '?price=100') }}"><li class="mydes2">Below $100</li></a> 
     <a href="{{ url('category/' . $tag . '?price=250') }}"><li class="mydes2">Below $250</li></a> 
     <a href="{{ url('category/' . $tag . '?price=500') }}"><li class="mydes2">Below $500</li></a> 
     <a href="{{ url('category/' . $tag . '?price=1000') }}"><li class="mydes2">Below $1000</li></a> 
     <a href="{{ url('category/' . $tag . '?price=1500') }}"><li class="mydes2">Below $1500</li></a> 
     <a href="{{ url('category/' . $tag . '?price=1500') }}"><li class="mydes2">Above $1500</li></a> 
    </ul>     
</center> 

這裏是我的控制器

public function swimcategory(Request $request, $tags) { 
    if(request()->has('gender')||request()->has('price')||request()->has('color')||request()->has('brand')) { 
     if (request()->has('gender')) { 
      $products = product::where('gender', request('gender'))->whereHas('categories', function ($query) use ($tags) { 
       $query->where('name', $tags); 
      })->get(); 
     } 
     if (request()->has('price')) { 
      $products = product::where('price', '<=', request('price'))->whereHas('categories', function ($query) use ($tags) { 
       $query->where('name', $tags); 
      })->get(); 
     } 
     if (request()->has('color')) { 
      $products = product::whereHas('colors', function ($query) { 
       $query->where('name', request('color')); 
      })->whereHas('categories', function ($query) use ($tags) { 
       $query->where('name', $tags); 
      })->get(); 
     } 
     if (request()->has('brand')) { 
      $products = product::whereHas('brands', function ($query) { 
       $query->where('name', request('brand')); 
      })->whereHas('categories', function ($query) use ($tags) { 
       $query->where('name', $tags); 
      })->get(); 
     } 
    } else { 
     $products = product::whereHas('categories', function ($query) use ($tags) { 
      $query->where('name', $tags); 
     })->get(); 
    } 


    $tag = $tags; 
    $colors = color::orderBy('created_at', 'desc')->paginate(10); 
    $brands = brand::orderBy('created_at', 'desc')->paginate(10); 
    return view('category.index', compact('products', 'colors', 'brands', 'tag')); 
} 

，它做工精細，但我並不需要一個href鏈接。

我想添加複選框，當用戶檢查過濾器，其作用與Flipkart或亞馬遜網站相同。

Answer 1

諾里斯Oduro與JavaScript的
這裏的幫助下完成的代碼是：

<script> 
    function checkBoxHandler() { 
     $('#color_form').submit(); 
    } 

    $("#ex2").slider({}); 
</script>