How to restrict selecting two or more checkboxes when array of checkboxes present in mvc3 rezor view

Question

0.00/5 (No votes)

See more:

Hii to everyone,
for the last 2weeks i started learning MVC3,i started preparing a registration page using MVC3 Razor view,here user need to select area of intrest, for this i placed 4 checkboxes.My requirement is i need to restrict the user to select only one checkbox at any point of time, how can i achieve this....also try to tell me the possible events associated with checkbox in mvc3 Razor

Thanks
Ramu

Posted 25-Apr-13 23:59pm

Ram7 from Hyderabad

Updated 29-Nov-17 23:44pm

Add a Solution

Comments

vijay__p 26-Apr-13 6:05am

IF you want user to restrict on only one selection then why not to use RadioButton instead of Checkbox control.

Ram7 from Hyderabad 26-Apr-13 6:19am

Dear Vijay,thanks for ur responce my requirement is with checkbox only,i will try with ur code,thanks once again for ur responce......

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

**Zoltán Zörgő** · Accepted Answer · 2013-04-26T00:05:00

Solution 1

Check this: http://www.nwa4.com/blog/asp.net-mvc-multiple-checkboxes-validation-and-handling-using-c-sharp[^]

Posted 26-Apr-13 0:05am

Zoltán Zörgő

vijay__p · Accepted Answer · 2013-04-26T00:10:00

Solution 2

And still if you want to go with checkboxes then checkout sample on jsFiddle
http://jsfiddle.net/vijaypatel/KtPsQ/[^]

Use below function to restrict user on single selection

HTML

<input type="checkbox" id="chk1" class="chk" name="chk1" /> checkbox 1
<input type="checkbox" id="chk2" class="chk" name="chk2" /> checkbox 2
<input type="checkbox" id="chk3" class="chk" name="chk3" /> checkbox 3
<input type="checkbox" id="chk4" class="chk" name="chk4" /> checkbox 4

C#

$('input.chk').change(function(){
        if($('input.chk').length > 1){
            $('input.chk').prop('checked',false);
            $(this).prop('checked',true);
        }
    });

Posted 26-Apr-13 0:10am

vijay__p

Comments

Zoltán Zörgő 26-Apr-13 6:49am

It is working but still not a good answer. Why? Because it does not fit into the practices of ASP.NET MVCx (like unobstructive validation), but first of all, because it is a "client side only" solution. What if user disables JavaScript, checks all, and posts the form.

vijay__p 26-Apr-13 7:05am

True, Server side validation is required if data is critical. There are possibilities that user has disabled JavaScript and it is not handled in application then user should be redirect to some page and needs to be notified to enable it.
And don't you think so if JavaScript is disable then most of the functionality of application stop working? :)

Zoltán Zörgő 26-Apr-13 13:11pm

The one disabling JavaScript is either developer, hacker, or in high security environment. You don't have to disable JS for ever, you can disable just to bypass such validation steps.