RadioButtonList 的双击鼠标事件

Question

我有一个带有多个 ListItems 的 RadioButtonList。当用户在思考之前单击时，他们会选择一个选项，即使他们在这里不需要它。

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

c# webapplication asp.net

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>

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