将asp.net控件作为参数传递给javascript函数

Question

我正在尝试使JavaScript函数与我的asp.net控件一起正常工作。 我有两个单选按钮和三个文本框。

单击第一个单选按钮时，我想禁用第三个文本框；单击第二个单选按钮时，我想禁用第三个文本框。 请参阅附件以获取屏幕截图。

我已经通过将“ OnClick”添加到第一个单选按钮并设置“正在工作的警报”来测试该功能是否起作用。

但是，我不确定如何将控件传递给函数以访问它们。 有人知道怎么做吗？

屏幕截图

ASP.NET

<asp:RadioButton ID="RadioButton1" runat="server" Checked="True" GroupName="DateTimeQuery" OnClick="TimeRangeClickEvent()"/>
<asp:TextBox ID="startdatetext" Enabled="true" runat="server" MaxLength="10"></asp:TextBox>
<asp:TextBox ID="enddatetext" Enabled="true" runat="server" MaxLength="10"></asp:TextBox>

<asp:RadioButton ID="RadioButton2" runat="server" GroupName="DateTimeQuery" OnClick="TimeRangeClickEvent() />
<asp:TextBox ID="withinthepast" Enabled="true" runat="server" Text="1"></asp:TextBox>

Java脚本

<script>
        function TimeRangeClickEvent(How do I pass asp.net controls here)
        {
            alert('Working');            
        }
    </script>

Answer 1

您应该使用ClientID控件属性获取HTML元素的ID，然后从Javascript中使用它们。 更多信息。

用Javascript：

var radio1 = document.getElementById('<%=RadioButton1.ClientID%>');

当您拥有所有HTML元素时，您只需要处理javascript中必要的change / click / selected事件即可使其正常工作。