MVC checkbox by loading, check to disable textbox

Question

Who can help me. When loading data to a mvc view, i'll load the value of the checkbox, but if true, i'll need to disable 2 textbox fields.

Code is a piece of my for loop

@Html.TextBoxFor(m => m.Items[i].StartIntervalTime, "{0:HH:mm}", new {                   
               Value = Model.Items[i].Available ? "" : Model.Items[i].StartIntervalTime.ToString("HH:mm"),
               id = "startTime" + i                                      
})
<span>untill</span>
@Html.TextBoxFor(m => m.Items[i].EndIntervalTime, "{0:HH:mm}", new {
               Value = Model.Items[i].Available ? "" : Model.Items[i].EndIntervalTime.ToString("HH:mm"),
               id = "endTime" + i
})
@Html.CheckBoxFor(m => m.Items[i].Available, new { id = i, @class = "closedallday" })

I've tried, in the textbox tag, with "disabled" like i did with "value", but disabled will always disables the textbox even without a value. So..

Disabled = Model.Items[i].Available ? "disabled" : "",

I need a real working solution.

Thank you Dinand

How does the html look like when you use Disabled = Model.Items[i].Available ? "disabled" : "",? Have you tried with lowercase disabled field instead? — Vsevolod Goloviznin
– Vsevolod Goloviznin, Commented Dec 24, 2014 at 8:03

user2120121 · Accepted Answer · 2014-12-24 08:29:06Z

2

You can make something like this:

//Check if the value is true, draw the textbox disabled , otherwise draw it normally:

  if(m.Items[i].Availabl == true)
    {
     @Html.TextBoxFor(m => m.Items[i].StartIntervalTime, "{0:HH:mm}"
    , new {ANYTHINK ELSE, disabled="disabled" })
    }
    else
    {
    @Html.TextBoxFor(m => m.Items[i].StartIntervalTime, "{0:HH:mm}"
    , new {ANYTHINK ELSE })
    }

answered Dec 24, 2014 at 8:29

user2120121

6551 gold badge6 silver badges16 bronze badges

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

Comments

joetinger · Accepted Answer · 2014-12-24 15:12:45Z

1

I would use jQuery to catch the change in the checkbox then alter your text boxes. Here is a working jsfiddle

jQuery

$('#checkbox').on("change", function () {
    if ($(this).is(":checked")) {
        textbox.addClass('disabled');
        textbox.val("");
        textbox.prop('disabled',true);
    }else {
        textbox.removeClass('disabled');
        textbox.prop('disabled',false);
    }
}

CSS

.disabled {
    background-color:lightgray;
}

answered Dec 24, 2014 at 15:12

joetinger

2,7296 gold badges32 silver badges44 bronze badges

1 Comment

Dinand Over a year ago

Thank you Yoetinger.. Data Loads after Jquery. So the script won't fire when needed..

Younis Qadir · Accepted Answer · 2014-12-24 11:10:59Z

0

Simply make it with jquery

<script>
    jQuery(document).ready(function() {
        if ($("input:checkbox").is(":checked")) 
        {               
             $("input:text").prop("readonly", "readonly");
        }
    });
</script>

answered Dec 24, 2014 at 11:10

Younis Qadir

4351 gold badge5 silver badges18 bronze badges

2 Comments

Dinand Over a year ago

Thanx Younis, Jquery is loaded and after that the data.. So the script will not fire after data load..

Younis Qadir Over a year ago

try instead jQuery(document).ready(function() write a function when data is loaded then the function execute.

Collectives™ on Stack Overflow

MVC checkbox by loading, check to disable textbox

3 Answers 3

Comments

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related