RadioButtonList当选择一个按钮时textbox变为只读

效果图：

图代码：

   <tbody>
                    <tr>
                        <th>
                            卡类型：
                        </th>
                        <td>
                             <asp:RadioButtonList runat="server" ID="rbtncard_typeSetting" RepeatDirection="Horizontal" RepeatLayout="Flow" >
                                <asp:ListItem Value="0" >无</asp:ListItem>
                                <asp:ListItem  Value="7" Selected="True">周卡</asp:ListItem>
                                <asp:ListItem  Value="30" >月卡</asp:ListItem>
                                <asp:ListItem  Value="90" >季度卡</asp:ListItem>
                                <asp:ListItem  Value="180" >半年卡</asp:ListItem>
                                <asp:ListItem  Value="365" >年卡</asp:ListItem>
                            </asp:RadioButtonList>
                        </td>
                    </tr>
                    <tr>
                        <th>
                            手动输入
                        </th>
                        <td>
                           <asp:TextBox ID="txtdays" CssClass="txtInput normal" runat="server"></asp:TextBox>
                        </td>
                    </tr>
                </tbody>

js实现：  $(function () {
            $("#rbtncard_typeSetting").click(function () {
                var ttts = $("#rbtncard_typeSetting").find("[checked]").val();
                $("#txtdays").val(ttts.toString());
                if (ttts.toString() == "0") {
                    document.getElementById("txtdays").readOnly = false;
                }
                else {
                    document.getElementById("txtdays").readOnly = true;
                }
            })
        });