# How can I make (with interactions) so that when I click on one of the buttons, the background changes to red and from the other radio button the red background is removed (toggle)?
**URL:** https://forum.pinegrow.com/t/how-can-i-make-with-interactions-so-that-when-i-click-on-one-of-the-buttons-the-background-changes-to-red-and-from-the-other-radio-button-the-red-background-is-removed-toggle/9940
**Category:** Beginners
**Created:** [October 22, 2024, 5:31pm UTC](https://forum.pinegrow.com/t/how-can-i-make-with-interactions-so-that-when-i-click-on-one-of-the-buttons-the-background-changes-to-red-and-from-the-other-radio-button-the-red-background-is-removed-toggle/9940 "2024-10-22T17:31:18Z")
**Posts on this page:** 8
**Page:** 1
### Author:  [@creer](https://forum.pinegrow.com/u/creer)
#### Post date: [October 22, 2024, 5:31pm UTC](https://forum.pinegrow.com/t/how-can-i-make-with-interactions-so-that-when-i-click-on-one-of-the-buttons-the-background-changes-to-red-and-from-the-other-radio-button-the-red-background-is-removed-toggle/9940/1 "2024-10-22T17:31:19Z")
Hello!
How can I make (with interactions) so that when I click on one of the buttons, the background changes to red and from the other radio button the red background is removed (toggle)? I tried using all the values from the advanced panel one by one, but I couldn’t find anything suitable.
---
### Author:  [@Riccarcharias](https://forum.pinegrow.com/u/Riccarcharias)
#### Post date: [October 23, 2024, 5:44am UTC](https://forum.pinegrow.com/t/how-can-i-make-with-interactions-so-that-when-i-click-on-one-of-the-buttons-the-background-changes-to-red-and-from-the-other-radio-button-the-red-background-is-removed-toggle/9940/2 "2024-10-23T05:44:58Z")
You could use a click trigger in Interactions but that would also change the color then you click twice on a radio toggle without changing it’s value.
I would do this with Javascript (if(toggle.checked == true))
---
### Author:  [@creer](https://forum.pinegrow.com/u/creer)
#### Post date: [October 23, 2024, 6:47am UTC](https://forum.pinegrow.com/t/how-can-i-make-with-interactions-so-that-when-i-click-on-one-of-the-buttons-the-background-changes-to-red-and-from-the-other-radio-button-the-red-background-is-removed-toggle/9940/3 "2024-10-23T06:47:10Z")
Hi @Riccarcharias , thank you
More specifically, I was trying to implement something like this from the video. Does it come out that I can’t implement this with interactions completely without resorting to writing javascript?
---
### Author:  [@PeteSharp](https://forum.pinegrow.com/u/PeteSharp)
#### Post date: [October 23, 2024, 8:56am UTC](https://forum.pinegrow.com/t/how-can-i-make-with-interactions-so-that-when-i-click-on-one-of-the-buttons-the-background-changes-to-red-and-from-the-other-radio-button-the-red-background-is-removed-toggle/9940/4 "2024-10-23T08:56:14Z")
I used some checkboxes for a project today in Bootstrap. This was a radio button group. Its much easier with a frame work, then you just use CSS.
---
### Author:  [@Riccarcharias](https://forum.pinegrow.com/u/Riccarcharias)
#### Post date: [October 24, 2024, 6:13am UTC](https://forum.pinegrow.com/t/how-can-i-make-with-interactions-so-that-when-i-click-on-one-of-the-buttons-the-background-changes-to-red-and-from-the-other-radio-button-the-red-background-is-removed-toggle/9940/5 "2024-10-24T06:13:35Z")
I don’t think that you can achieve this in Pinegrow Interactions. But maybe you don’t need Javascript, maybe you can do this with CSS alone.
Try input[type=radio]:checked as a CSS selector with which you can style how the checked version of your radio button should look like. use “transition: 0.5s” for the smooth change effect.
---
### Author:  [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)
#### Post date: [October 24, 2024, 6:58am UTC](https://forum.pinegrow.com/t/how-can-i-make-with-interactions-so-that-when-i-click-on-one-of-the-buttons-the-background-changes-to-red-and-from-the-other-radio-button-the-red-background-is-removed-toggle/9940/6 "2024-10-24T06:58:27Z")
@creer If I understand correctly what you’re looking for (but maybe I’m wrong), this type of behavior doesn’t require heavy artillery and can probably be created using just CSS, like in the example I show in this video.
https://pinegrow.online/@emmanuel/css-buttons/
---
### Author:  [@creer](https://forum.pinegrow.com/u/creer)
#### Post date: [October 24, 2024, 8:51am UTC](https://forum.pinegrow.com/t/how-can-i-make-with-interactions-so-that-when-i-click-on-one-of-the-buttons-the-background-changes-to-red-and-from-the-other-radio-button-the-red-background-is-removed-toggle/9940/7 "2024-10-24T08:51:43Z")
@Emmanuel @Riccarcharias, thank you very much, the CSS method suits me 100%. I agree that in my case, it is possible to manage with just CSS. I just wanted to make sure if it’s possible to implement my idea entirely visually using interactions - because using toggle mechanics it’s possible to realize many different animations
---
### Author:  [@Riccarcharias](https://forum.pinegrow.com/u/Riccarcharias)
#### Post date: [October 24, 2024, 8:54am UTC](https://forum.pinegrow.com/t/how-can-i-make-with-interactions-so-that-when-i-click-on-one-of-the-buttons-the-background-changes-to-red-and-from-the-other-radio-button-the-red-background-is-removed-toggle/9940/8 "2024-10-24T08:54:58Z")
You can’t do this with Pinegrow Interactions because there ist no trigger for “is active” or “is checked”