Question

我在Web用户控件中有一个RadioButtonList控件，它被加载到网页的占位符中。单选按钮列表项将动态加载，用户可以选择任何项目。

根据单选按钮的行为，我们要选择另一个项目来取消选择已选择的项目。但是如果用户点击相同的项目本身已经选中，我想取消选择一个项目。

此外，我必须使用javascript而不是服务器端代码。

Answer 1

在<Head>标记中添加此javascript函数。

<script type="text/javascript">


        function clearRadioButtonList() {

            var elementRef = document.getElementById('<%= yourRadioButtonListID.ClientID %>');
            var inputElementArray = elementRef.getElementsByTagName('input');

            for (var i = 0; i < inputElementArray.length; i++) {
                var inputElement = inputElementArray[i];

                inputElement.checked = false;
            }
            return false;
        }

    </script>

当您动态添加listitem时，将onclick属性添加到listitem：

myListItem.Attributes.Add("onclick", "clearRadioButtonList");

不要忘记更换＆＃34; yourRadioButtonListID＆＃34;在javascript函数中。如果选中，则取消选中单击的单选按钮。

感谢。

Answer 2

使用jquery

更容易

<script type="text/javascript">
    $(document).ready(function () {
        $('#btnTest').click(function () {
            var radiolist = $('#RadioButtonList1').find('input:radio');
            radiolist.removeAttr('checked');
        });
    });

</script>

使用javascript取消选中动态radiobuttonlist控件

2 个答案: