如何使用带有复选框的javascript设置文本框宽度

Question

    $(function () {
        $("#chkShowPassword").bind("click", function () {

            var loginPW = $("[id*=loginPW]");

            if ($(this).is(":checked")) {


                loginPW.after('<input id = "txt_' + loginPW.attr("id") + '" type = "text" value = "' + loginPW.val() + '" />');
                loginPW.hide();
            } else {
                loginPW.val(loginPW.next().val());

                loginPW.next().remove();
                loginPW.show();
            }
        });
    });

这是文本框：

 <asp:TextBox CssClass="txtInput col-1" ID="loginPW" runat="server" TextMode="Password"></asp:TextBox>

，复选框为：

<asp:CheckBox ID="chkShowPassword" runat="server" Text="ShowPassword" />

假设文本框的宽度为100px，选中复选框后，textmode将更改为单行，但宽度设置为基本或默认px.I尝试使用document.getelementbyid ...无效。< / p>