Send Values to Floating Window and Get back Info

Question

Hi I am new to MVC I need to do a task in MVC4 where I just need to display few checkboxes (may be 4 static CBoxes) when user selects any checkbox their values should be displayed on small floating window with dynamic text box against each item selected so that user can enter count for each item he just selected. This floating window may have save button. When user clicks on save button information should go back to parent page and be displayed in the bottom. Thanks in advance.

alibasha syed · Answer

I just forgot add reference to JQuery like and it worked for me.

Nilesh Shah · Answer

Hi Alibasha you have posted your own custom requirement no one may have time to create a project from scratch and code it as per your requirement. instead you should post whatever code you have done and ask solution to any problem you are facing.

alibasha syed · Answer

I just write code in a view like below just calling this view with Action method Index from one controller. When I run the page I am getting exception in Scripts section as JavaScript runtime error '$' undefined. Please help. Thanks. @{ ViewBag.Title = Index; } Index Laptop Desktop HardDrive KeyBoard &times; Choose Fruit Count Count : @Html.TextBox(FruitCount  new { @class = form-control placeholder = Count Of Fruit }) Fruit : @Html.TextBox(ShowFruit  new { @class = form-control @readonly = readonly }) Save Close @section scripts{ $(body).on(change input[type='checkbox'] function () { if ($(this).is(':checked')) { $(#FruitCount).val(); $(#ShowFruit).val($(this).val()); $(#myModal).modal(); } }) $(body).on(click #Save function () { $(#showDetails).append(  + $(#ShowFruit).val() +  :  + $(#FruitCount).val() +  ); }) }