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

Question

我想在 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>

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

Answer 1

首先，除非它们具有相同的名称，否则您的单选按钮不会表现得如此......但我想这并不重要，因为用户将立即被重定向。

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

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

当然，使用 Jquery 也可以做到。

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