'Bootstrap radio button already checked not worked

This is my code of radio button i want image radio buttton is alredy check but it's not working 

<div class="col-md-4" style="padding-top: 24px;" >
    <label>Visual</label>
    <div>
        <label class="radio-inline">
            <input type="radio" value="image" checked="checked" name="media_option[]" class="media_option"  autocomplete="off"><?php echo  __('Image') ?> 
        </label>&nbsp;
        <label>or</label>&nbsp;&nbsp;
        <label class="radio-inline">
            <input value="video" type="radio" name="media_option[]" class="media_option"  autocomplete="off" ><?php echo  __('Video') ?>
        </label>
    </div>
phphtml


Solution 1:[1]

Try this.

Don't set radio name as array and not need to set autocomplete attribute.

 <div class="col-md-4" style="padding-top: 24px;" >
        <label>Visual</label>
    <div>
       <label class="radio-inline">
       <input type="radio" value="image" name="media_option" class="media_option" checked="checked" ><?php echo  __('Image') ?> 
        </label>&nbsp;
        <label>or</label>&nbsp;&nbsp;
        <label class="radio-inline">
          <input value="video" type="radio" name="media_option" class="media_option" ><?php echo  __('Video') ?>
        </label>
    </div>

Solution 2:[2]

Its working fine, check here:

<input type="radio" value="image" checked="checked" name="media_option[]" class="media_option"  autocomplete="off">One
<input type="radio" value="image" checked="checked" name="media_option[]" class="media_option"  autocomplete="off">Two

when you are using radio, only one radio can be selected within one group (having same name). The same is working here.

Solution 3:[3]

How about this? This will always work

<input type="radio" value="image" checked="checked" name="media_option[]" class="media_option"  autocomplete="off">

If not try this

<input checked type="radio" value="image" name="media_option[]" class="media_option"  autocomplete="off">

Solution 4:[4]

Just change the checked="checked" to checked only :

Here is the code ,please try:

 <div class="col-md-4" style="padding-top: 24px;" >
    <label>Visual</label>
    <div>
       <label class="radio-inline">
       <input type="radio" value="image" checked name="media_option[]" class="media_option"  autocomplete="off"><?php echo  __('Image') ?> 
       </label>&nbsp;
       <label>or</label>&nbsp;&nbsp;
       <label class="radio-inline">
       <input value="video" type="radio" name="media_option[]" class="media_option"  autocomplete="off" ><?php echo  __('Video') ?>
       </label>
     /div>

Solution 5:[5]

I came here because I had the same issue and without seeing the rest of the code in the question, won't make any assumptions.

However, if the code above wasn't within a form element, that could have caused the issue.

That was the issue in my case, after placing the radio elements within the form, the checked attribute worked again as expected. Hopefully this helps someone else out as well.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Pang
Solution 2 Mayank Pandeyz
Solution 3 Jaymin
Solution 4 Ketan Solanki
Solution 5 DemitryT

Related Questions