Razor how to create a CheckBox and make it READONLY?

Question

I'm using MVC 3 and Razor

At the moment I'm using

@model MyProject.ViewModels.MyViewModel

    @foreach (var item in Model.MyProperty)
{  
    <tr>
        <td>
            @Html.ActionLink("Edit", "Edit", new { id = item.AdvSlotId }) |
            @Html.ActionLink("Details", "Details", new { id = item.AdvSlotId }) |
            @Html.ActionLink("Delete", "Delete", new { id = item.AdvSlotId })
        </td>
        <td>
            @item.AdvSlotId
        </td>
        <td>
            @item.Name
        </td>
        <td>
            @item.Description
        </td>
        <td>
             @Html.CheckBox(item.IsPublished, new { @disabled = "disabled" })
        </td>
        <td>
            @item.Notes
        </td>
    </tr>    
}

The VIEW MODEL:

namespace MyProject.ViewModels
{
    public class MyViewModel
    {
        public MyViewModel(List<AdvSlot> advSlots)
        {
            MyProperty= advSlots;
        }

        public List<AdvSlot> MyProperty { get; set; }

    }
}

To display a Check Box for a property in my Model. As I'm doing is wrong so I can only display a text like TRUE.

Could you please tell me how to create the CheckBox with Razor? I would also need have it as READONLY.

Thanks for your help.

LeftyX · Accepted Answer · 2012-07-03T11:01:26.940

46

Should be something like this:

@Html.CheckBoxFor(m => m.IsPublished, new { @disabled = "disabled" })

UPDATE:

Assuming that your class AdvSlot contains a property IsPublished you can write in your loop:

<td>
    @Html.CheckBox(item.AdvSlotId + "_IsPublished", item.IsPublished, new { @disabled = "disabled" });
</td>

edited Jul 03 '12 at 11:01

answered Jul 03 '12 at 10:15

LeftyX

35,328
21
132
193

Thanks LeftyX for your comment, I receive an error and I cannot create textcheckbox. could you please help me out? thanks – GibboK Jul 03 '12 at 10:27
Please note MyProperty is a Property in the ViewModel any idea how to solve it? thanks – GibboK Jul 03 '12 at 10:28
@GibboK: could you, please, include your viewmodel as well? – LeftyX Jul 03 '12 at 10:35
Included, please let em know if you need more information, once again thanks for your time – GibboK Jul 03 '12 at 10:39
Thanks, now is working I have also find another solution: @Html.CheckBoxFor(x=> item.IsPublished, new {@disabled = "disabled"}) – GibboK Jul 03 '12 at 11:05
1

@GibboK: Have a look at your HTML. Your solution would generate duplicate IDs. – LeftyX Jul 03 '12 at 11:09
Thanks Lefty you are right, I'm now adopting your solution which create unique ID. Once again many thanks :) – GibboK Jul 03 '12 at 11:14
7

Bad solution, disabled checkboxes are not passed back in the post. – Stuart Dobson Apr 10 '14 at 00:03
@StuartDobson: Ok. Offer your solution then. – LeftyX Apr 10 '14 at 07:34
A few ideas here but nothing is clean. http://stackoverflow.com/questions/155291/can-html-checkboxes-be-set-to-readonly – Stuart Dobson Apr 11 '14 at 04:07

score 35 · Answer 2 · answered Oct 30 '15 at 20:42

35

 @Html.CheckBoxFor(model => model.IsActive, new { onclick = "return false" })

This should work. However i got a problem with @disabled = "disabled". If i make the checkbox checked by default and make the checkbox disabled at the same time it wont post with its value. At controller it will get false. Using "return false" user wont able to change the value and it will also post the value which has set on load as by default.

answered Oct 30 '15 at 20:42

Anupam Roy

1,654
2
18
25

6

Your answer should be accepted. If we use property @disabled="disabled", the textboxfor always passes FALSE to server – Anh Hoang Jun 09 '16 at 02:10
@Ahn Hoang I agree with you. This is a perfect answer in my opinion as I have faced same thing you said earlier. – Ananda G Oct 04 '17 at 08:27
This is a better solution – Nigel Fds Dec 04 '17 at 04:48
1

@AnhHoang I believe the server actually just omits values for any disabled controls; it's the model binding on the server that initializes the property of the viewmodel to `false` (the default for boolean fields). – brichins Mar 27 '18 at 00:42

score 8 · Answer 3 · answered Nov 26 '15 at 16:51

8

I'm using MVC4, you get the same effect with a simple something like

@Html.DisplayFor(m => m.IsPublished)

No need to care to select checkbox or set disabled yourself. Not sure, if this is a new feature in MVC4, so maybe it will work in MVC3 as well.

answered Nov 26 '15 at 16:51

outofmind

1,430
1
20
37

score 2 · Answer 4 · answered Sep 07 '20 at 03:36

I will just add my case which may be useful to someone.. if you have html attribute too in your checkboxFor then

  @Html.CheckBoxFor(model => model.item, new { onclick = "return false", Title = "is not editable",htmlAttributes = new { @class = "form-control" } })

@Anupam Roy answer will work good.just adding my case.Hope it will be useful.

score 0 · Answer 5 · answered Jul 03 '12 at 10:16

0

In your MyViewModel you can remove the setter :

public bool IsPublished 
{
   get {
        //... get from db
       }
}

and in your View :

@Html.CheckBoxFor(m => m.IsPublished, new {@disabled="disabled"})

answered Jul 03 '12 at 10:16

Mohamed Farrag

1,682
2
19
41

this line should give you error @Html.CheckBox(item.IsPublished, new { @disabled = "disabled" }) , it has some invalid arguments – Mohamed Farrag Jul 03 '12 at 11:00

score 0 · Answer 6 · answered Apr 23 '23 at 17:49

0

In Razor:

<input asp-for="IsStoped" type="checkbox" name="IsStoped" value="@Model.IsStoped" disabled />

answered Apr 23 '23 at 17:49

Haya Akkad

281
4
15

Razor how to create a CheckBox and make it READONLY?

6 Answers6

Linked