asp.net中的javascript
[英]javascript in asp.net
問題描述
<asp:RadioButtonList ID="RdoBtnHasNotified" runat="server" RepeatDirection="Horizontal" AutoPostBack="True" OnSelectedIndexChanged="RdoBtnHasNotified_SelectedIndexChanged">
<asp:ListItem Value="1">Yes</asp:ListItem>
<asp:ListItem Value="0" Selected="True">No</asp:ListItem>
</asp:RadioButtonList>
<asp:TextBox ID="TxtHowNotified" runat="server" TextMode="MultiLine" MaxLength="100"></asp:TextBox>
我想通過單擊RadioButtonList來啟用TextBox ，而不使用autopostback=true 。 我怎么能用JavaScript做到這一點？
6 個解決方案
解決方案1
1 2010-05-31 11:12:03
您可以使用jQuery來操作輸入的啟用狀態（TextBox的HTML轉換），或者您可以使用ASP.NET Ajax，這樣您就可以在更新面板中設置兩個控件，在這種情況下，您將看不到頁面在回發時重新加載，這必須在命令您在其他某些事件上更改TextBox的狀態。 我會選擇使用ASP.NET Ajax，因為我的經驗表明，當涉及到復雜的東西時，jQuery對ASP.NET控件的效果不佳。 ASP.NET使用javascript進行事件激活，這可能導致jQuery或ASP.NET無法正常工作。
祝更新面板好運......
解決方案2
1 2010-06-02 15:59:00
使用jQuery，您可以通過掛接單選按鈕上的更改來獲得相當自定義的結果...
$("#<%= RdoBtnHasNotified.ClientID %> > input[type=radio]").change(function(){
// this function is called whenever one of the radio button list's control's change
// the $(this) variable refers to the input control that triggered the event
var txt = $("#<%= TxtHowNotified.ClientID %>");
if($(this).val()=="1") {
txt.removeAttr("disabled");
} else {
txt.attr("disabled", true);
}
});
解決方案3
0 2010-05-31 11:18:59
每個ListItem呈現一個具有相同名稱參數的單選按鈕; 我建議運行應用程序並查看生成的源，以了解您需要做什么來監聽單選按鈕事件。 本質上，單選按鈕列表的ID是name參數，因此您可以將單選按鈕組（使用JQuery）：
$("input[name='<%= rbl.ClientID%>']").click(function() {
var tb = $("#textboxid");
//do something here; this points to the radio button
});
HTH。
解決方案4
0 2010-05-31 15:27:22
干得好：
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
protected void RdoBtnHasNotified_PreRender(object sender, EventArgs e)
{
foreach (ListItem item in RdoBtnHasNotified.Items)
item.Attributes.Add("onclick", string.Format("toggleTextBox(this,'{0}');", TxtHowNotified.ClientID));
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
function toggleTextBox(radioButton, textBoxId) {
document.getElementById(textBoxId).disabled = radioButton.value != "1";
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:RadioButtonList ID="RdoBtnHasNotified" OnPreRender="RdoBtnHasNotified_PreRender"
runat="server" RepeatDirection="Horizontal">
<asp:ListItem Value="1">Yes</asp:ListItem>
<asp:ListItem Value="0" Selected="True">No</asp:ListItem>
</asp:RadioButtonList>
<asp:TextBox ID="TxtHowNotified" runat="server" TextMode="MultiLine" MaxLength="100" Enabled="false"></asp:TextBox>
</div>
</form>
</body>
</html>
解決方案5
0 2010-06-02 08:38:49
以下列方式編寫代碼
<script type="text/javascript">
$(document).ready(function() {
$("input[name='RdoBtnHasNotified']").change(function() {
$("input[name='RdoBtnHasNotified']:checked").val() == '1' ? $('#TxtHowNotified').removeAttr("disabled") : $('#TxtHowNotified').attr('disabled', 'true');
});
});
</script>
並且還禁用文本框（Enabled =“false”），因為最初“RdoBtnHasNotified”的值為“No”。
解決方案6
0 2010-06-03 17:56:14
$('#<%= RdoBtnHasNotified.ClientID %> > input[type=radio]').click(function()
{
var txtbox = $('#<%= TxtHowNotified.ClientID %>');
if($(this).val() == '1')
{
document.getElementById('#<%= TxtHowNotified.ClientID %>').disabled = false;
}
else
{
document.getElementById('#<%= TxtHowNotified.ClientID %>').disabled = true;
}
});
我認為使用更改事件不會在IE中觸發。
asp.net和javascript
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.