Gridview RadioButtonList使用javascript验证

时间:2016-11-16 07:42:16

标签: javascript c# jquery asp.net gridview

我在网格视图中有一个网格视图使用一个RadioButtonList和外部网格视图使用一个asp.net Button当用户单击该按钮时应选择所有单选按钮列表,然后仅选择应提交Button事件。

以下是我的网格视图RadioButtonList

<asp:TemplateField HeaderText="Add Score">
<ItemTemplate>

<asp:RadioButtonList ID="RadioButtonList1" runat="server" CssClass="cssrbt">
<asp:ListItem Text="Correct" Value="1"></asp:ListItem>
<asp:ListItem Text="Wrong" Value="2"></asp:ListItem>
</asp:RadioButtonList>

</ItemTemplate>
</asp:TemplateField>

下面是我使用gridview一侧的按钮。

<asp:Button ID="btn_Submit" runat="server" class="btn btn-md btn-danger" Text="Submit" OnClick="btn_Submit_Click"  ValidationGroup="viva" />

我的问题是没有选择插入所有网格视图数据并且我想验证。

2 个答案:

答案 0 :(得分:0)

您可以将javascript客户端事件绑定到按钮并迭代每个radiobuttonlist以验证是否选中了至少单选按钮。

$('<%= btn_Submit.ClientID %>').click(function(){
  $('.cssrbt').each(function(){
    if($(this).find(':radio:selected').length == 0)
         console.log("One of radio button list option must be selected")
  });
});

答案 1 :(得分:0)

adil提供的示例需要JQuery库来实现,如果你不想使用任何库只有javascript,你可以像这样验证

login_user(user)

for item in user.alarm:
    return jsonify({
        "id": item.id,
        "dovizAdi": item.dovizAdi,
        "mevcutDeger": item.mevcutDeger,
        "beklenenDeger": item.beklenenDeger,
        "oranTuru": item.oranTuru,
        "tarih": item.tarih
    })