0

aspx ページにaasp:checkboxと aasp:textboxがあります。チェックボックスがチェックされているときにテキスト ボックスを表示し、javascript を使用してチェックボックスがオフになっている場合は非表示にすることを知りたいです。

4

3 に答える 3

1

このコードを使用できます

<script type="text/javascript">
function radio_yes(){
if(document.getElementById("c1").checked==true)
        document.getElementById("atext").style.visibility="visible";
        else
        document.getElementById("atext").style.visibility="hidden";}
</script>
<input type="checkbox" id = "c1" name="subscriptions" onclick = "radio_yes();radio_uncheck();"  value="CorporateEmails"/>
    Corporate Press Release Emails<br />
<input type="text" id="atext">
于 2012-11-04T06:57:27.863 に答える
1

clickこれらがブラウザ上で通常のチェックボックスとテキストエリアとしてレンダリングされると仮定すると、そのイベントを使用して、チェックボックスがオンまたはオフになったときに通知を受け取ることができます。

$("selector_for_the_checkbox").click(function() {
    // ...handle the event here...
});

イベント ハンドラー内でthis、生のチェックボックス要素を参照します (jQuery ラッパーではありません)。

jQuery で非表示の要素を表示するには、show;を使用します。非表示にするには、 を使用しますhide。toggle現在の状態または渡すフラグに基づいて、要素を表示または非表示にするために使用することもできます。

$("selector_for_the_checkbox").click(function() {
    $("selector_for_the_textarea").toggle(this.checked);
});

jQuery API ドキュメントを最初から最後まで読み通すのに 1 時間 (それで十分です) を費やすだけの価値があります。

于 2012-11-04T06:51:23.963 に答える
0

このスクリプトを試してください：

<script type="text/javascript">
    function toggleTextBox(bEnable, textBoxID) {
        document.getElementById(textBoxID).disabled = !bEnable;
        }
    }
</script>

あなたのaspxは次のようになります：

<asp:CheckBox ID="chkApplied" runat="server" onclick="javascript:toggleTextBox(this.checked, 'txtAmount'); />
<asp:TextBox ID="txtAmount" runat="server"></asp:TextBox>

クライアント側の ID が異なる場合は、次のようにサーバー側からバインドできます。

chkApplied.Attributes.Add("onclick", "javascript:toggleTextBox(this.checked, '" + txtAmount.ClientID + "');");
于 2012-11-05T10:57:40.230 に答える