Radio Box Jquery

Question

当用户点击单选按钮是然后另一个多框控件应该是不可见的修复jquery如果有任何问题

$('#MainContent_RadioButton1').change(function () {
            if ($("#MainContent_RadioButton1").is(':checked'))
                $("#MainContent_MultiSelectLiquor").show();  // checked
            else
                $("#MainContent_MultiSelectLiquor").hide(); // unchecked


        });
<asp:RadioButton ID="RadioButton1" runat="server" Text= " Yes" GroupName="a" />
                          &nbsp; &nbsp; <asp:RadioButton ID="RadioButton3" runat="server" Text=" No" GroupName="a"/>

Answer 1

你可以这样做：

$('#MainContent_RadioButton1').change(function () {
    $("#MainContent_MultiSelectLiquor").toggle(this.checked);
});

如果选中此代码.toggle(this.checked);，.toggle(true);将被视为.toggle(false);，如果未选中，则.toggle(true);将被视为<{1}}。

1. .toggle(false);用于展示。
2. {{1}}用于隐藏。

Answer 2

您需要使用ClientID，因为ASP.net会在浏览器上呈现时更改元素ID，并按以下方式进行更改

<script type="text/javascript">
    function fun(obj) {

        if ($("#<%= RadioButton1.ClientID %> input:checked").val()=='Yes') {
            $("#MainContent_MultiSelectLiquor").css("display", "block");
        }
        else {
            $("#MainContent_MultiSelectLiquor").css("display", "none");
        }
    }


</script> 


<asp:RadioButtonList   ID="RadioButton1"     runat="server" >
    <asp:ListItem Text="Yes" Value="Yes" onchange="fun(this);"> </asp:ListItem>
    <asp:ListItem Text="No" Value="No" onchange="fun(this);"> </asp:ListItem>
    </asp:RadioButtonList>

Answer 3

<asp:RadioButtonList CellPadding="10" ID="rblreporttype" runat="server" ClientIDMode="Static" RepeatDirection="Horizontal">
                        <asp:ListItem Text="Yes" Value="0" Selected="True" />
                        <asp:ListItem Text="No" Value="1" />

                    </asp:RadioButtonList>



 $(document).ready(function () {
            $('#rblreporttype').click(function () {

                try {


                    if ($('#rblreporttype :checked').prop('value') == 0) {
                      $("#MainContent_MultiSelectLiquor").show();//do your stuff
                    }
                    else {
                      $("#MainContent_MultiSelectLiquor").hide();   //do your stuff
                    }
                } catch (e) {
                    alert(e);
                }
            })
        });