如何使用单选选项提交表单

Question

我正在使用Safari浏览我的网站。 它在Safari，Firefox和Chrome中运行良好。 但是在资源管理器中，它无法正常工作。 单击单选按钮时，我想在此处提交表单并定向到另一个页面。 我在输入中使用了onChange="this.form.submit();但是它在资源管理器中不起作用。请为我提供一个解决方案。我也尝试过查询。但这也不起作用。我在下面附加了代码。

<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" language="javascript">

    (function(document, window, $, undefined) {
        var form = $('#form-id');
        $('.radio-class').each(function(i, element) {
            var radio = $(element);
            radio.on('change', function() {
                // selected value
                var radioValue = $(this).val();
               form.submit();
            });
        });
    }(document, window, jQuery, undefined));

</script>

<body>
    <form action="go.php" method="post" id="form-id">
        <label for="radio-select"><input type="radio" name="radio-select" value="Mango" class="radio-class">Mango</label>
        <label for="radio-select"><input type="radio" name="radio-select" value="Apple" class="radio-class">Apple</label>
        <label for="radio-select"><input type="radio" name="radio-select" value="Pinaple" class="radio-class">Pinaple</label>
    </form>
</body>

Answer 1

尝试这种方式：

<script> 
    $(document).ready(function(){
        var form = $('#form-id');
        $('.radio-class').each(function(i, element){
            var radio = $(element);
            radio.on('change', function(){
                // selected value
                var radioValue = $(this).val();
                form.submit();
            });
        });
    });
</script>

$（document）.ready（）中的代码将在DOM完全加载后执行。 这样，当添加change事件的侦听器时， .radio-class元素将存在。

这里有更好的解释。

这是另一个带有简化循环的示例：

$(document).ready(function(){
    var form = $('#form-id');
    $('.radio-class').on('change', function(){
        form.submit();
    });
});

这是$（document）.ready（）的简写

$(function(){
    var form = $('#form-id');
    $('.radio-class').on('change', function(){
        form.submit();
    });
});