Question

我有一个带有几个ListItem的RadioButtonList。在用户点击之前，他们会选择一个选项，即使他们在这里不需要它。

是否可以通过用鼠标双击列表将RadioButtonList的SelectedIndex设置为-1？

asp.net c＃webapplication

Answer 1

双击时，以下jquery脚本将取消选中所选单选按钮项。

<asp:RadioButtonList ID="RadioButtonList1" runat="server">
    <asp:ListItem Text="One" Value="1"></asp:ListItem>
    <asp:ListItem Text="Two" Value="2"></asp:ListItem>
    <asp:ListItem Text="Three" Value="3"></asp:ListItem>
</asp:RadioButtonList>
<script type="text/javascript" src="Scripts/jquery-1.4.2-vsdoc.js"></script>
<script type="text/javascript">            
    $(document).ready(function () {
        $('#<%= RadioButtonList1.ClientID %>').dblclick(function () {
            $('#<%= RadioButtonList1.ClientID %> input:radio:checked').each(function () {
                $(this).attr('checked', false);
            });
        });
    });          
</script>

您可能还想考虑使用MutuallyExclusiveCheckBox of Ajax Control Toolkit

RadioButtonList的双击鼠标事件

1 个答案: