在javascript中使文本框只读 [英] making textbox readonly in javascript

问题描述

我有两个单选按钮和两个文本框。当我点击第一个复选框时，两个texbox都不应该是只读的。但是当我选择第二个单选按钮时，它应该只显示两个文本框。我用Google搜索并找到了许多解决方案，但不知道为什么它不能在我的代码中工作。

I am having two radio buttons and two textbox. When I click on first checkbox, both texbox should not be readonly. But when I select second radio button it should make both text box readonly. I googled and found many solutions but don't kno why it is not working in my code.

Javascript:
<pre lang="Javascript">
function showHide(val) {
            var txtpid=document.getElementById(<% = txtPromotion %>)
            var txtsub= document.getElementById('<% = txtSubject.ClientID %>');
            if (val == 2) {
                txtpid.readOnly = false;
                txtsub.readOnly = false;
            }
            if (val == 1) {
                txtsub.setAttribute("readOnly.true");
                txtpid.setAttribute("readOnly,true");
            }
        }
</pre>

My code is as follows:
<pre lang="HTML">
        <asp:RadioButton ID="mailNew" Text="New" runat="server" GroupName="mail_select" onclick="showHide(1)" ClientIDMode="Static" /><br />
        <asp:RadioButton ID="mailExisting" Text="Existing" runat="server" GroupName="mail_select" onclick="showHide(2)" ClientIDMode="Static" />

        <asp:TextBox ID="txtPromotion" runat="server" Width="77px" ></asp:TextBox><br />
        <asp:TextBox ID="txtSubject" runat="server" Width="288px"></asp:TextBox><br />


</pre>

推荐答案

尝试

document.getElementbyid（txtbox）。setattribute（readonly，readonly）;

function showHide(val) {
    var txtpid=document.getElementById('<% = txtPromotion.ClientID %>')
    var txtsub= document.getElementById('<% = txtSubject.ClientID %>');
    if (val == 2) {
        txtpid.readOnly = false;
        txtsub.readOnly = false;
    }
    else if (val == 1) {
        txtsub.readOnly = true;
        txtpid.readOnly = true;
    }
}

这解决了我的问题..

This solved my problem..

这篇关于在javascript中使文本框只读的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！