Member 11114915 - Tanvi Ответов: 1

Включить отключить флажок текстовое поле на событие click в MVC4 С вид двигателя бритвы


Пожалуйста, дайте мне знать, как я могу включить / отключить текстовое поле при щелчке флажка в mvc..Я заполняю данные в списке, и теперь мне нужно заполнить данные в текстовом поле строки,где установлен флажок.. пожалуйста, помогите в реализации того же самого, передав флажок checked/unchecked bool контроллеру, а затем включите / отключите textbox...решения в angular.js и jscript также приветствуются..

Что я уже пробовал:

Я попытался извлечь флажок check / uncheck для viewbag, но он не поддерживает его...не могу понять, как реализовать вышеизложенное...

Karthik_Mahalingam

опубликуйте код.

1 Ответов

Рейтинг:
5

Karthik_Mahalingam

Для включения / выключения элемента логика углового контроллера не требуется, атрибут ng будет выполнять эту работу

<input type="checkbox" ng-click="flag1=!flag1" />
<input type="text"   ng-disabled="flag1">

Демонстрация:- JSFiddle[^]


Member 11114915 - Tanvi

Спасибо карти за предложение. Здесь у меня есть несколько полей, заполняемых из базы данных и передаваемых через контроллер . Цикл foreach используется для получения данных по строкам, а флажок и текстовое поле, включающие функцию отключения, требуются по строкам. Но предложенная реализация работает только для первого флажка, а не для других. Пожалуйста, предложите здесь...

@по каждому элементу (ВАР деталь в модели) {

<tr>

< td>
@Html. DisplayFor(modelItem = & gt; item. itemname)
< / td>

< td>
&ЛТ;ИМГ СРЦ="@URL-адрес.Содержание(пункт.ImgLocation) "alt= "IMAGES" / & gt;
< / td>
< td>
в <тип входного="флажок" НГ-нажмите кнопку="Флаг1=!Флаг1"/&ГТ;
< input type= "text" ng-disabled="! flag1 " >
< / td>
< td>
@формат HTML.Actionlink панели("редактирование", "редактирование", новый { /* код=товар.Свойства primarykey */ }) |
@формат HTML.ActionLink ("Details", "Details", new { /* id=item.Свойства primarykey */ }) |
@формат HTML.Actionlink панели("удалить", "удалить", новый { /* код=товар.Свойства primarykey */ })
< / td>
< / tr>


}

Karthik_Mahalingam

Контроллер означает контроллер mvc или угловой контроллер

Member 11114915 - Tanvi

Контроллер MVC

Karthik_Mahalingam

ладно подожди

Karthik_Mahalingam

попробовать это

в <тип входного="флажок" НГ-нажмите кнопку="funEnable (в$Event)" /&ГТ;
< input type= "text" >

$scope. funEnable = функция (obj)
{
параметр obj.цель.parentElement.метод getelementsbytagname('вход')[1].отключен = obj-файлы.цель.проверено;

}

Member 11114915 - Tanvi

Спасибо тебе, Картик,за возвращение. Выше работает только для верхней строки, а также отключает текстовое поле при установке флажка....все должно быть наоборот ... пожалуйста, помогите здесь

Karthik_Mahalingam

у вас есть teamviewer?

Member 11114915 - Tanvi

Нопз..

Karthik_Mahalingam

ладно

Karthik_Mahalingam

я проверил его, работает нормально

Member 11114915 - Tanvi

Не могли бы вы поделиться реализацией ur?.

Karthik_Mahalingam

вы хотите в угловом или простом javascript ?

Member 11114915 - Tanvi

предпочтительно угловой но js также может работать

Karthik_Mahalingam

Только что выключил свой компьютер.
Должен ли я отправить код Томо?

Member 11114915 - Tanvi

конечно, никаких проблем..заранее спасибо..:)

Karthik_Mahalingam

[Упорядочиваемый]
краткое описание публичного класса
{
общественного строка имя { получить; набор; }

}

публичный класс HomeController : Controller
{


[HttpGet]
индекс public ActionResult( )
{
Список

lst = новый список();
LST. Add(new Summary () { itemname = " one" });
LST. Add(new Summary () { itemname = " two" });
LST. Add(new Summary () { itemname = " three" });

смотреть возвращение(ЛСТ);
}


модель объекта IList&л@; js_apps.контроллеры.резюме>


&ЛТ;скрипт СРЦ="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"&ГТ;&ЛТ;/скрипт>


& lt;скрипт>
var app = angular. module ('myApp', []);
app. controller ('myCtrl', function ($scope) {

$scope. funEnable = функция (obj)
{
параметр obj.цель.parentElement.метод getelementsbytagname('вход')[1].отключен = obj-файлы.цель.проверено;

}

});
< / script>
< div ng-app= "myApp" ng-controller= "myCtrl">
< Таблица>
<tr>
< td> имя< / td>
< td> validate< / td>
< / tr>


@по каждому элементу (ВАР деталь в модели)
{

<tr>

< td>
@Html. DisplayFor(modelItem = & gt; item. itemname)
< / td>


< td>
в <тип входного="флажок" НГ-нажмите кнопку="funEnable (в$Event)" /&ГТ;
< input type= "text" >
< / td>

< / tr>


}
< / Таблица>
< / div>

Member 11114915 - Tanvi

Большое спасибо Karthik...ценю ваши усилия здесь...nw я могу отключить / включить текстовое поле на checkbox click event..:)

Karthik_Mahalingam

:) крутой.
из вашего профиля я заметил, что вы разместили только один вопрос.
не стесняйтесь задавать вопросы здесь, мы здесь, чтобы помочь.

Member 11114915 - Tanvi

Конечно..спасибо

Karthik_Mahalingam

добро пожаловать