2

WebユーザーコントロールにRadioButtonListコントロールがあり、Webページのプレースホルダーに読み込まれます。ラジオボタンのリストアイテムは動的に読み込まれ、ユーザーは任意のアイテムを選択できます。

ラジオボタンの動作に従って、別のアイテムを選択して、すでに選択されているアイテムの選択を解除します。しかし、すでにチェックされている場合にユーザーが同じアイテム自体をクリックした場合は、アイテムの選択を解除したいと思います。

また、サーバー側のコードではなく、javascriptを使用して実行する必要があります。

4

2 に答える 2

5

このjavascript関数を<Head>タグに追加します。

<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");

javascript関数の「yourRadioButtonListID」を置き換えることを忘れないでください。チェックされている場合、クリックされたラジオボタンのチェックが外されます。

ありがとう。

于 2012-12-13T13:51:27.387 に答える
1

jqueryではるかに簡単

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

</script>
于 2012-12-13T13:57:12.880 に答える