如何在jquery mobile中创建单选按钮并从中调用url

时间:2013-05-15 22:15:59

标签: html jquery-mobile radio-button

我想在jquery mobile中制作不是输入字段的单选按钮。相反,我想将用户引导到一个新页面。我该怎么做?

这是我到目前为止所做的:

<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
    <input name="compose" type="radio" value="1" id="compose"/>
    <label for="compose">Compose</label>
    <input name="index" type="radio" value="2" id="inbox"/>
    <label for="inbox">Inbox</label>
</fieldset>

我想在选择其中一个网站时将用户引导到网站。

1 个答案:

答案 0 :(得分:1)

首先,你的单选按钮不会有这样的行为,除非它们具有相同的名称......但我想这并不重要,因为用户将立即被重定向。

至于你的问题,你不能让它们“不是输入字段”,因为单选按钮是一个输入字段。现在,要在选择一个用户时重定向用户,您不一定需要Jquery。使用简单的Javascript(在系统上更容易,因此更有利),您可以:

[select your element].onclick=function() {
window.location="your_new_URL";
}

使用Jquery,当然也可以这样做。

$('#yourID').click(function() {
window.location="your_new_URL";
});