Member 10926063 Ответов: 1

Скрыть / показать текстовое поле на основе значения списка переключателей, присутствующего в ASP gridview. using javascript/jquery


Sl. No. Вопрос Ответ Комментарий

1 Abc да нет текстовое поле
2 Xyz да нет текстовое поле
3 MNC да нет текстовое поле

Согласно приведенному выше изображению, это assp.net Gridview, в котором столбец Reponse является списком кнопок redio, а столбец comment содержит текстовое поле. Мне нужно Скрыть / показать базу текстового поля в ответе на выбор.
Для Sl № 1, если пользователь выбирает да, то нужно скрыть текстовое поле комментария.
Для Sl № 2, если пользователь выбирает No, то нужно показать текстовое поле комментария.
сходство для сл. № 3
Все элементы управления присутствуют в gridview.

Мне нужно сделать это с помощью javascript или jquery.Пожалуйста, помогите ,я новичок в asp.net и jQuery.

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

&ЛТ;в ASP:GridView в идентификатор="gvData" атрибут runat="сервер" AutoGenerateColumns="false" - в EnableModelValidation="истинный"
ShowHeader="истинный" HeaderStyle-HorizontalAlign="левой" RowStyle-свойство verticalalign="топ"
CssClass=" grdtbl2 " AlternatingRowStyle-CssClass=" alt "GridLines=" None "CellPadding=" 4"
CellSpacing= "0">
&ЛТ;колонны&ГТ; &ЛТ;АСП:шаблон HeaderStyle-ширина="2%" ItemStyle-HorizontalAlign="центр"и GT;
& lt;HeaderTemplate>
С. Нет.
< / HeaderTemplate>
& lt;itemtemplate>
&ЛТ;АСП:метка идентификатор="Метка2" атрибут runat="сервер" виден="истинный" текст=в'<%# Персонализация("q_order") %&ГТ; в'>
&ЛТ;АСП:метка идентификатор="lblSaveCol" атрибут runat="сервер" виден="ложного" текста=в'<%# Персонализация("q_save_column") %&ГТ; в'>


<asp:TemplateField HeaderStyle-Width= " 75%">
& lt;HeaderTemplate>
Параметр
< / HeaderTemplate>
& lt;itemtemplate>
&ЛТ;АСП:метка идентификатор="Метка1" атрибут runat="сервер" текст=в'<%# Персонализация("q_text") %&ГТ; в'>


<asp:TemplateField ItemStyle-HorizontalAlign= "Center">
& lt;HeaderTemplate>
&ЛТ;АСП:буквальное значение runat="сервер" идентификатор="litResponseHeader" текст=""&ГТ;
< table runat=" server "id=" tblResponseHeader "cellpadding= "0" cellspacing= " 0 "border=" 0"
class= "" align=" center "width=" 70% " >
ОТВЕТ

< / HeaderTemplate>
& lt;itemtemplate>
для ASP:radiobuttonlist с ИД="rdResponse" атрибут runat="сервер" RepeatDirection=&ЛТ;"горизонтальная"
CellSpacing=" 0 "TextAlign= "Left" CellPadding= "0" CssClass= "responseRbtn" BorderWidth= " 0"
Width= "72%" ValidationGroup= " XX "Visible=' <%# Convert.ToString(Eval ("q_order")) = = "6"? false: true %>'
onclick= "Selrdbtn(this.id)" >
< asp:ListItem Text=" Yes "Value= "1">
< asp:ListItem Text= " No "Value= "0">

&ЛТ;АСП:буквальное значение runat="сервер" идентификатор="litResponse" текст=""&ГТ;


<asp:TemplateField ItemStyle-HorizontalAlign= "Right">
& lt;HeaderTemplate>
&ЛТ;АСП:буквальное значение runat="сервер" идентификатор="litCommentHeader" текст=""&ГТ;
< table runat=" server "id=" tblCommentHeader "cellpadding= "0" cellspacing= " 0 "border=" 0"
class= "" align=" center "width=" 70% " >
КОММЕНТАРИЙ

< / HeaderTemplate>
& lt;itemtemplate>
&ЛТ;АСП:текстовое поле с ID="txt_ResponseComment" атрибут runat="сервер" текстовую="многострочные" строки="1"
Width= "99%" MaxLength=" 150 "Visible=' <%# Convert.Метод toString(функции eval("q_order")) == "6" ? ложные:истинные %&ГТ; в'>
<asp:RegularExpressionValidator Display= "Dynamic" ControlToValidate= " txt_ResponseComment"
ID= "RegularExpressionValidator1" ValidationExpression= "^[\s\S]{0,100}$ "runat=" сервер"
ErrorMessage= "допускается не более 100 символов".;
&ЛТ;АСП:буквальное значение runat="сервер" идентификатор="LtlResponseComment" текст=""&ГТ;
&ЛТ;как ASP:radiobuttonlist с ИД="rdResponseRating" атрибут runat="сервер" RepeatDirection="горизонтальный"
CellSpacing=" 0 "CellPadding= "0" CssClass= "responseRbtn" BorderWidth= " 0 "TextAlign=" Left"
ValidationGroup= " XX "Visible=' <%# Convert.Метод toString(функции eval("q_order")) == "6" ? правда : ложная %&ГТ; в'>
<asp:ListItem Text=" 1 "Value= "1">
<asp:ListItem Text=" 2 "Value= "2">
< asp:ListItem Text=" 3 "Value= "3">
< asp:ListItem Text=" 4 "Value= "4">
< asp:ListItem Text=" 5 "Value= "5">

&ЛТ;как ASP:RequiredFieldValidator атрибут runat="сервер" идентификатор="РФВ" ControlToValidate="rdResponseRating"
ValidationGroup= " XX "ErrorMessage=" Пожалуйста, выберите рейтинг "Visible=" false " >

&ЛТ;АСП:буквальное значение runat="сервер" идентификатор="litRating" текст=""&ГТ;




Нижеприведенный JavaScript использовать функцию принудительно задать значение идентификатора. нужно что-то менять.

функция Selrdbtn(id) {

ВАР 1 квартал = 'gvData_ctl02_rdResponse';
ВАР 2 квартал = 'gvData_ctl03_rdResponse';
ВАР К3 = 'gvData_ctl04_rdResponse';
ВАР К4 = 'gvData_ctl05_rdResponse';
ВАР В5 = 'gvData_ctl06_rdResponse';
var selectedvalue = $('#<%= gvData.ClientID % & gt; input:checked'). val()
var checked_radio = $('[id*= ' + id+'] input:checked');
ВАР значение = checked_radio.вал();


если (q1 = = id) {
если (значение == 1) {
$('#gvData_ctl02_txt_ResponseComment'). скрыть();
}
ещё {
$('#gvData_ctl02_txt_ResponseComment').показать();
}
}
если (q2 = = id) {
если (значение == 1) {
$('#gvData_ctl03_txt_ResponseComment'). скрыть();
}
ещё {
$('#gvData_ctl03_txt_ResponseComment').показать();
}
}
если (q3 = = id) {
если (значение == 1) {
$('#gvData_ctl04_txt_ResponseComment').показать();
}
ещё {
$('#gvData_ctl04_txt_ResponseComment'). скрыть();
}
}
если (q4 = = id) {
если (значение == 1) {
$('#gvData_ctl05_txt_ResponseComment'). скрыть();
}
ещё {
$('#gvData_ctl05_txt_ResponseComment').показать();
}
}
если (q5 = = id) {
если (значение == 1) {
$('#gvData_ctl06_txt_ResponseComment'). скрыть();
}
ещё {
$('#gvData_ctl06_txt_ResponseComment').показать();
}
}

}

Karthik_Mahalingam

что вы пробовали на части jquery/javascript?

1 Ответов

Рейтинг:
0

Karthik_Mahalingam

обратитесь к этому простому примеру
с#

protected void Page_Load(object sender, EventArgs e)
       {
           if (Page.IsPostBack) return;
          GridView1.DataSource = new int[]{1,2,3,4};
          GridView1.DataBind();

       }


Язык JavaScript
function ShowHidTextBox(obj)
       {
          var value =  $('input[type="radio"]:checked', obj).val();
          var $textbox = $(obj.parentElement.parentElement).find("[id*='txtcommnet']");
          if (value == 'Yes')
              $textbox.hide();
          else
              $textbox.show();
        }




<asp:GridView runat=" server "ID= "GridView1">
& lt;колонки>
<asp:TemplateField>
& lt;ItemTemplate>
&ЛТ;как ASP:radiobuttonlist с ИД="RadioButtonList1" onChange, после="ShowHidTextBox(это)" атрибут runat="сервер"и GT;
< asp:ListItem Text= "Yes" />
< asp:ListItem Text= "No" />
< / asp:RadioButtonList>
< / ItemTemplate>
< / asp:TemplateField>
<asp:TemplateField>
& lt;ItemTemplate>
&ЛТ;АСП:текстовое поле атрибут runat="сервер" идентификатор="txtcommnet" /&ГТ;
< / ItemTemplate>
< / asp:TemplateField>
< / столбцы>
< / asp:GridView>


Karthik_Mahalingam

HTML-код неправильно вставляется с помощью pre= " Html, asp"

Member 10926063

Привет, я отправил обновленный код и функцию JavaScript.Это оригинальный код.Пожалуйста, предоставьте решения

Karthik_Mahalingam

обратитесь к приведенному выше коду и сделайте это самостоятельно.
понять логику