Display data if checkbox is checked

Asked Jun 16 '21 at 07:16

Active Jun 16 '21 at 07:16

Viewed 24 times

I have array checkbox (category) and I want to display list of checkbox size if one of them is being checked. I have already made the JavaScript but it didn't work out. Here's my code:

View

@foreach ($categories as $category)
<div class="mb-0 ml-2">
 <label class="mb-0">
  <input class="category mb-0" id="category" name="category[]" type="checkbox" value="{{ $category->id }}" onChange="this.form.submit()" 
  @if (in_array($category->id, $checkedCat)) checked @endif>
  {{ $category->name }}
 </label>
</div>
@endforeach

<div id="size" class="sizefilter">
//List of size checkbox
</div>

JavaScript

$("#category").on('change', function() {
 if($('input[name="category[]"]:checked'))
 {
    $(".sizefilter").show();
 } else
 {
    $(".sizefilter").hide();
 }
});

asked Jun 16 '21 at 07:16

hushhush

1

this will always return a non false value: `if($('input[name="category[]"]:checked'))` – Kinglish Jun 16 '21 at 07:19
1

in your loop `id` needs to be unique as well. currently the `id` would be same for all inputs. – Always Helping Jun 16 '21 at 07:22
2 changes should make it works. First: ```$(".category").on```. Second: ```if($('input[name="category[]"]:checked').length)``` – ikhvjs Jun 16 '21 at 07:26
hi ikhvjs, ive tried but it didnt change anything – hushhush Jun 16 '21 at 07:40

Display data if checkbox is checked

0 Answers0