Html 使用无线电输入进行站点导航

简称： 我想在表单中使用输入型收音机作为站点导航工具，而无需单击提交按钮。这可能吗

说明： 我正在为我的GUI使用jQuery移动库，我喜欢无线电输入的外观是如何自动改变的——在这种外观中，我希望根据姓名对人进行分类，并在长输出中在页面之间切换

我当前的代码我喜欢这样：

<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>

---

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

这可能有效，但尚未测试它 现在还很早。。。所以有可能我仍然很累，思维不正常。哈哈

把你的表格改成

<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>

注意：在这里你应该考虑一些验证。我不想麻烦提及安全性，因为你没有发布脚本的其余部分

$(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());
    });
});