Topic: Radio buttons issue

lugonet free asked 5 years ago

Example code

<mdb-input type="radio" name="prueba" label="Prueba 1" value="1" :checked="false" />
<mdb-input type="radio" name="prueba" label="Prueba 2" value="2" :checked="true" />

Expected behavior

It was expected to work normally

Actual behavior

The checked property has no effect, the last one always appears checked, and it is not possible to change the checked item. This behavior occurs from the latest version (5.2.0).

Resources (screenshots, code snippets etc.)

Screenshot 1 Screenshot 2

Magdalena Dembna staff answered 5 years ago

Hi, You need to specify an ID property for each mdb-input and it should work fine. Kind regards, Magdalena

lugonet free commented 5 years ago

Hi, Adding the id solves the problem that it doesn't allow changing the checked item, but the checked property still has no effect on the radio buttons. All of them have the property checked="checked" in DOM, which causes that only the last one (if they have the same name) is checked. Kinds regards

Magdalena Dembna staff commented 5 years ago

Thank you for drawing our attention to this issue - we will try to solve it as soon as possible. Kind regards, Magdalena

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 5.2.0
  • Device: PC
  • Browser: Chrome 73.0.3683.103
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No