Javascript for toggle checkbox - Laravel

Question

Hello guys I'm new to Laravel and programming, I'm trying to let the checkbox checked if the value of $status is 1, in my scenario below the value of {{$detail->status}} should be 1 so the checkbox should be checked but its not working.

Javascript

<script>
function sta() {
  var st = document.getElementById("status").value;
  var checkbox = document.getElementById("status");

  if (st == 1) {
        checkbox.checked == true;
  } else {
        checkbox.checked == false;
  }
}
</script>

HTML

<body onload= "sta()">

<form id="ed" name="ed" method="post" action="{{action('DetailTestController@update',$id)}}">
    {{csrf_field()}}
    <input type="hidden" name="_method" value="PATCH" />
        <div class="form-group">Name:
     <input type="text" name="name" class="form-control" value="{{$detail->name}}" placeholder="Enter Name" />
        </div>
        <div class="form-group">Description:
                    <input type="textarea" name="description" class="form-control" value="{{$detail->description}}" 
                    placeholder="Enter Description" />
        </div>

//from here is the checkbox code

<div class="form-group">Status Type:
    <label class="radio-inline">
        <input type="checkbox" id="status" name="status" value="{{$detail->status}}">
    </label>
</div>

<input type="checkbox" id="status" name="status" value="{{$detail->status}}" {{ $detail->status == 1 ? "checked" : "" }}> — Dhaval Purohit
– Dhaval Purohit, Commented Feb 24, 2020 at 8:53

Amal S R · Accepted Answer · 2020-02-24 08:54:57Z

1

Try to add the checked condition in the element like,

<div class="form-group">Status Type:
            <label class="radio-inline">
               <input type="checkbox" id="status" name="status" value="{{$detail->status}}" @if ($detail->status == 1) checked @endif>
           </label>
         </div>

This will chec the chekbox if $detail->status == 1 is 1 Here you don't need a script for it

answered Feb 24, 2020 at 8:54

Amal S R

9408 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mickael Amar · Accepted Answer · 2020-02-24 08:53:37Z

1

What about not using Javascript for this ?

<div class="form-group">Status Type:
    class="radio-inline">
        <input type="checkbox" id="status" name="status" value="{{$detail->status}}" {{$detail->status == 1 ? 'checked' : ''}}>
    </label>
</div>

answered Feb 24, 2020 at 8:53

Mickael Amar

2622 silver badges11 bronze badges

Collectives™ on Stack Overflow

Javascript for toggle checkbox - Laravel

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related