Question

我的页面中有两个单选按钮。我在某些情况下隐藏了其中一个。在这种情况下，默认选择第二个单选按钮。仅在这种情况下，我想将其显示为标签，因为没有将其显示为单选按钮的含义。我正在使用asp单选按钮。如何实现这一目标。有没有办法隐藏CSS中的选项气泡单选按钮。

Answer 1

考虑这个标记：

<asp:RadioButton ID="rbl" Text="value" CssClass="radio-toolbar" runat="server"/>

然后执行此css样式：

.radio-toolbar input[type="radio"] 
{
     display:none; 
}

这只会显示radiobutton

的标签

Answer 2

您可以使用JQuery实现它。见下面的代码示例。它只显示文字：

<asp:RadioButton runat="server" Text="Radio 1" ID="radio1" />

<asp:Button runat="server" ID="buttonTest" OnClientClick="return ManageRadio();"/>

<script type="text/javascript">
    function ManageRadio() {
        $('#' + '<%=radio1.ClientID%>').hide();
        return false;
    }

</script>

Answer 3

如果您想使用css和js

，请检查fiddle

我的意思是绑定点击事件。

- JQuery的 -

$(function(){
    $("#click_me").click(function(){
        $("#a").toggle(0,function(){
            $(this).next('label').toggle(0,function(e){
                $(this).next('input[type="radio"]').toggle();
            });
        });
    });
})

检查jfiddle

Answer 4

试试这个：$('#<%=this.RadioButton.ClientID%>').hide()和 $('#<%=this.RadioButton.ClientID%>').show()。

显示仅包含文本的单选按钮

4 个答案: