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

Job*_*obi 2 javascript asp.net radiobuttonlist

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

根据单选按钮的行为,我们要选择另一个项目来取消选择已选择的项目.但是如果用户单击了相同的项目(如果已经选中),我想取消选择一个项目.

此外,我必须使用JavaScript而不是服务器端代码.

小智 5

<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>
Run Code Online (Sandbox Code Playgroud)

动态添加listitem时,将onclick属性添加到listitem:

myListItem.Attributes.Add("onclick", "clearRadioButtonList");
Run Code Online (Sandbox Code Playgroud)

不要忘记在javascript函数中替换"yourRadioButtonListID".如果选中,则取消选中单击的单选按钮.

谢谢.