MVC toggle buttons

Question

I have a group of buttons at the moment which users can select to filter out a grid. The problem is that after one of the buttons is clicked, the user does not know the current active filter that was applied. So can anybody help me to figure out how to have these group of buttons act as toggle buttons (spec is to change the button background color for active button)?

Please note this is in MVC and there is an onclick event bound to each of the buttons which calls a javascript function.

Lorenzo · Accepted Answer · 2010-12-13 00:19:01Z

1

If you ar using jquery UI you could try using the button plugin configured as a checkbox

answered Dec 13, 2010 at 0:19

Lorenzo

29.4k50 gold badges129 silver badges224 bronze badges

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

1 Comment

AMH Over a year ago

how to pass for example to controller that B was clicked or not , I mean if I have list of options and I add or remove from it the options according to toggle

Andrew Whitaker · Accepted Answer · 2010-12-13 00:50:58Z

1

You haven't given much detail on how you've wired up click events, but in your click handler for the buttons, you could do something like this:

var button = document.getElementById("button");
button.onclick = function() {
    if (!this.style.backgroundColor) {
        this.style.backgroundColor = 'yellow';
    }
    else {
        this.style.backgroundColor = null;
    }
}

There are other ways to do this if you're using jQuery or another JS framework.

answered Dec 13, 2010 at 0:50

Andrew Whitaker

126k32 gold badges296 silver badges308 bronze badges

Collectives™ on Stack Overflow

MVC toggle buttons

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related