为.net里面的RadioButtonList添加选择事件

最新推荐文章于 2015-07-09 18:56:35 发布

luofeng0710

最新推荐文章于 2015-07-09 18:56:35 发布

阅读量5k

点赞数

文章标签： .net textbox asp function server class

本文链接：https://blog.csdn.net/luofeng0710/article/details/6738330

版权

为了让根据选择的 RadioButtonList值不同，隐藏或显示一些页面上的信息

（比如，添加文章是选择次文章是否为转载，如果是转载的话，需要添加转载信息，如果不是，就隐藏这些信息）。

相关代码如下：

1.页面表格内容。

            <tr>
                <td>
                    来源：
                 </td>
                <td>
                    <asp:RadioButtonList ID="rblType" runat="server" 
                        RepeatDirection="Horizontal">
                        <asp:ListItem Value="0" Selected="True">原创</asp:ListItem>
                        <asp:ListItem Value="1">转载</asp:ListItem>
                    </asp:RadioButtonList>
                </td>
            </tr>
            <tr class="fromInfo">
                <td>
                    作者：</td>
                <td>
                    <asp:TextBox ID="txtAuthor" runat="server"></asp:TextBox>
                </td>
            </tr>
            <tr class="fromInfo">
                <td>
                    转自：
                </td>
                <td>
                    <asp:TextBox ID="txtUrl" runat="server" Width="380px" 
                        MaxLength="500"></asp:TextBox>
                </td>
            </tr>

2.js相关代码，此处使用了Jqery

<script type="text/javascript">
        $(document).ready(function () {
            check();

            $(":radio").click(function () {
                check();
            });

        function check() {
            if ('1' == $(":checked").val()) {
                $(".fromInfo").show();
            } else {
                $(".fromInfo").hide();
            }
        }
        });
</script>