在使用 .net 选择的单选按钮上打开新窗口

发布于 2024-11-25 11:59:22 字数 680 浏览 5 评论 0原文

我有 2 个单选按钮，如下所示：

<asp:RadioButton runat="server" GroupName="ebrochType" Text="Select Type 1" TextAlign="Right" ID="rbtSelect1" OnCheckedChanged="sel1" AutoPostBack="true" />

<asp:RadioButton runat="server" GroupName="ebrochType" Text="Select Type 2" TextAlign="Right" ID="rbtSelect2" OnCheckedChanged="sel2" AutoPostBack="true"  />

当选择其中一个时，我需要在没有菜单栏等的新窗口中打开一个页面...

这在后面的代码中可能吗？

我尝试了这个，但它不起作用（它只是刷新了页面/更新面板）：

Sub sel1(sender As Object, e As EventArgs)

    Page.ClientScript.RegisterStartupScript(Me.GetType(), "select1", "window.open('http://www.google.co.uk','','')", True)

End Sub

原文

I have 2 radiobuttons as shown below:

<asp:RadioButton runat="server" GroupName="ebrochType" Text="Select Type 1" TextAlign="Right" ID="rbtSelect1" OnCheckedChanged="sel1" AutoPostBack="true" />

<asp:RadioButton runat="server" GroupName="ebrochType" Text="Select Type 2" TextAlign="Right" ID="rbtSelect2" OnCheckedChanged="sel2" AutoPostBack="true"  />

When one of these is selected, I need to open a page in a new window with no menubar etc...

Is this possible in the code behind?

I tried this but it did not work (it just refreshed the page/updatepanel):

Sub sel1(sender As Object, e As EventArgs)

    Page.ClientScript.RegisterStartupScript(Me.GetType(), "select1", "window.open('http://www.google.co.uk','','')", True)

End Sub

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

鹤舞 2024-12-02 11:59:22

是的，您可以从后面的代码中执行此操作，方法是向每个单选按钮添加一个属性，其中键为“onclick”，值为“javascript:window.open('您的网址',您的参数)”。

回复收藏 0 原文

思念绕指尖 2024-12-02 11:59:22

“现代”方法是使用 JQuery：

<div>
    <h3>Individual Radiobuttons</h3>
    <asp:RadioButton runat="server" ID="rb1" Text="Apples" CssClass="rb" GroupName="individ" />
    <asp:RadioButton runat="server" ID="rb2" Text="Oranges" CssClass="rb" GroupName="individ" />
    <asp:RadioButton runat="server" ID="rb3" Text="Bananas" CssClass="rb" GroupName="individ" />
</div>


<div>
    <h3>RadiobuttonList</h3>

    <asp:RadioButtonList runat="server" ID="rbList1" CssClass="rbList1" >
        <asp:ListItem Text="Cats" Value="1" ></asp:ListItem>
        <asp:ListItem Text="Dogs" Value="2"></asp:ListItem>
        <asp:ListItem Text="Rabbits" Value="3"></asp:ListItem>
    </asp:RadioButtonList>
</div>

使用外部 Javascript 文件：

在您的 JQuery 文件中您为 onclick 或 onchange 事件定义一个事件处理程序。

$(文档).ready(函数(){

$(".rb").change(function () {
    window.open('http://www.google.com/search?hl=en&btnG=Search&q=' + $(this).text());
});

$(".rbList1").change(function () {
    //使用RadiobuttonLists，JQuery 有点复杂——一目了然
    // 在标记处会揭示原因。
    window.open('http://www.google.com/search?hl=en&btnG=Search&q=' + $('.rbList1 :checked').next().text(), 'WindowFromRadiobuttonList' , '宽度=300,高度=600');

});

});

HTH。

The 'modern' way to do this is with JQuery:

<div>
    <h3>Individual Radiobuttons</h3>
    <asp:RadioButton runat="server" ID="rb1" Text="Apples" CssClass="rb" GroupName="individ" />
    <asp:RadioButton runat="server" ID="rb2" Text="Oranges" CssClass="rb" GroupName="individ" />
    <asp:RadioButton runat="server" ID="rb3" Text="Bananas" CssClass="rb" GroupName="individ" />
</div>


<div>
    <h3>RadiobuttonList</h3>

    <asp:RadioButtonList runat="server" ID="rbList1" CssClass="rbList1" >
        <asp:ListItem Text="Cats" Value="1" ></asp:ListItem>
        <asp:ListItem Text="Dogs" Value="2"></asp:ListItem>
        <asp:ListItem Text="Rabbits" Value="3"></asp:ListItem>
    </asp:RadioButtonList>
</div>

Use an external Javascript file:
<script type='text/javascript' language='Javascript' src="/path/to/jscript/Tom.js'></script>

In your JQuery file you define an event handler for the onclick or onchange event.

$(document).ready(function () {

$(".rb").change(function () {
    window.open('http://www.google.com/search?hl=en&btnG=Search&q=' + $(this).text());
});

$(".rbList1").change(function () {
    //With RadiobuttonLists, the JQuery is a little more convoluted - a glance
    //at the markup will reveal why.
    window.open('http://www.google.com/search?hl=en&btnG=Search&q=' + $('.rbList1 :checked').next().text(), 'WindowFromRadiobuttonList', 'width=300,height=600');

});

});

HTH.

回复收藏 0 原文

~没有更多了~