I want to select one option and disable rest options. I am not able to do that. Can anybody help me with this??

Question

https://code.sololearn.com/W7Jm487Gfc1U/?ref=app

Answer 1

Jagmeet Singh A skeleton demo:

https://code.sololearn.com/WrWM5SfH7FfH/?ref=app

Answer 2

Sebastian Pacurar It could just be that he's fairly new to this and hadn't realised there was another way. His profile suggests he's only been learning for a month or so, so I think we should cover all options when trying to help 😉

Answer 3

to disable click event over any element you can use pointer-events property in your css file. like this:

.disabled-class {
pointer-events: none;
}

make sure the elements which don't match the right answer to have that class (disabled-class)

Answer 4

I'm not sure I understand your question fully, but are you aware of the element attribute "disabled"? To disable a button (for example), you can do "button.disabled = true;".

Answer 5

Russ i was thinking about the same thing but he used divs instead of buttons

Answer 6

Russ i totally agree 👍😀

Answer 7

Thank you Russ for explaining me with an example👍 i will implement it in my practice JavaScript program

Answer 8

No worries, good luck and happy coding!

Answer 9

Thank you Sebastian Pacurar for giving an idea to implement pointer-event in css

Answer 10

Yes Russ well said, i want to change my domain and totally wants to get involve in web development. Hence just started learning a month back. Thanks for your support.