使用javascript在RadListView内部进行Checkboxlist验证 [英] Checkboxlist validation inside the RadListView using javascript

问题描述

我想为复选框列表进行客户端验证'至少选中一个复选框'点击按钮上的Radlistview内部。



我的代码是

 <   telerik：RadListView     ID   =  RadListView1    runat   =  server >  
 <   ItemTemplate  >  
 <  表格 >  
 < ;   tr  >  
 <  < span class =code-leadattribute> td  >  
 <   asp：CheckBoxList     RepeatDirection   = 水平    CssClass   =  horizo​​ntalListbox    ID   =  Listbox_Permission    runat   = 服务器    >  
 <   asp：ListItem    文本  = 苹果    Value   =  1 >  <   / asp：ListItem  >  
 <   asp：ListItem    文字  = 橙子   值  =  2 >  <   / asp：ListItem  >  
 <   asp：ListItem    文字  = 芒果   值  =   3 >  <   / asp：ListItem  >  
  <   / asp：CheckBoxList  < span class =code-keyword>>  
 <   asp：CustomValidator     ID   =  CustomValidator1    runat   =  server    ErrorMessage   = 选择一个    ClientValidationFunction   =  cb_selectone    forecolor   = 红色 >  <   / asp：CustomValidator  >  
 <   / td  >  
 <   / tr  < span class =code-keyword>>  
 <   / table  >  
 <   / ItemTemplate  >  
 <   / telerik：RadListView  >  
 <   br     /  >  
 <   asp：按钮    runat   =  server    ID   =  Button1   文本  = 提交    OnClick   =  OnButton1_Click    /  >  

解决方案

让我们分析...

c> c> CheckBoxList 在浏览器中呈现时，它将是一个表在一个 td 之内有很多 CheckBox 就像...

 <   table     class   =  horizo​​ntalListbox    id   =  Listbox_Permission >  
 <   tbody  >  
 <   tr  >  
 < ;  < span class =code-leadattribute> td  >  
 <  输入    type   = 复选框   值  =  1   名称  =  Listbox_Permission 
 
 
 0    id   =   Listbox_Permission_0 >  
 <   label       =  Listbox_Permission_0 > 苹果<   / label  >  
 <   / td  >  
 <   td  >  
 <   input     type   = 复选框    value   =  2    name   =   Listbox_Permission 
 
 
 1    id   =  Listbox_Permission_1 >  
 <   label       =  Listbox_Permission_1  > 橙子<   / label  >  
 <   / td  >  
 <   td  >  
 <  输入    type   = 复选框    value   =  3    名称  = < span class =code-keyword> Listbox_Permission 
 
 
I Want to do client side validation for checkboxlist 'At least one check box selected' Inside the Radlistview on button click.



My code is

<telerik:RadListView ID="RadListView1" runat="server">
           <ItemTemplate>
              <table>
                   <tr>
                       <td>
                            <asp:CheckBoxList RepeatDirection="Horizontal" CssClass="horizontalListbox" ID="Listbox_Permission" runat="server" >
                              <asp:ListItem Text="Apples" Value="1"></asp:ListItem>
                              <asp:ListItem Text="Oranges" Value="2"></asp:ListItem>
                             <asp:ListItem Text="Mangoes" Value="3"></asp:ListItem>
                           </asp:CheckBoxList>
                           <asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="Select one" ClientValidationFunction="cb_selectone" forecolor="Red"></asp:CustomValidator>
                       </td>
                   </tr>
              </table>
           </ItemTemplate>
           </telerik:RadListView>
           <br />
           <asp:Button runat="server" ID="Button1" Text="Submit" OnClick="OnButton1_Click" />
解决方案
Let's analyze...


When CheckBoxList is rendered in Browser, it will be a Table having many CheckBox inside one one td like...

<table class="horizontalListbox" id="Listbox_Permission">
    <tbody>
        <tr>
            <td>
                <input type="checkbox" value="1" name="Listbox_Permission

0" id="Listbox_Permission_0">
                <label for="Listbox_Permission_0">Apples</label>
            </td>
            <td>
                <input type="checkbox" value="2" name="Listbox_Permission

1" id="Listbox_Permission_1">
                <label for="Listbox_Permission_1">Oranges</label>
            </td>
            <td>
                <input type="checkbox" value="3" name="Listbox_Permission


                        
这篇关于使用javascript在RadListView内部进行Checkboxlist验证的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！