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