使用无线电输入的站点导航

Question

短： 我想在表单中使用输入类型的无线电作为站点导航工具，而无需单击提交按钮。这可能吗？

说明： 我正在为我的GUI使用jQuery Mobile库，我喜欢自动更改无线电输入的外观 - 在这个外观中我想根据他们的名字对人进行分类，并在长输出中切换页面。

我现在的代码我喜欢这个：

<form action="custmers.php" method="post">
            <fieldset data-role="controlgroup" data-mini="true" data-type="horizontal">
                <input type="radio" name="nav" id="a" value="customers.php?letter=a">
                <label for="a">A</label>
                :
                :
                <input type="radio" name="nav" id="z" value="customers.php?letter=z">
                <label for="z">Z</label>
            </fieldset>
</form>

但除了突出显示当前点击的选项外，该页面不会重定向。

Answer 1

这可能有用（没有经过测试） 它仍然在清晨......所以我有可能仍然感到疲倦而且思维不正确。哈哈

将表单更改为

<form action="customers.php" id="navigation" method="get">
    <fieldset data-role="controlgroup" data-mini="true" data-type="horizontal">
        <input type="radio" name="letter" id="a" value="a">
        <label for="a">A</label>
          :
          :
        <input type="radio" name="letter" id="z" value="z">
        <label for="z">Z</label>
    </fieldset>
</form>

然后在脚本中添加一些jquery

$(function(){
    var $navigation=$('#navigation');
    $navigation.on('change','input[name=letter]',function(){
        $navigation.submit();
        // or to take a more complicated (read: unneccessary)
        // window.location($navigation.attr('action')+'?letter='+$(this).val());
    });
});

请注意：您应该在这里考虑一些验证。我不打算提及安全性，因为你没有发布你的其余部分。