如何在mvc视图中使用单选按钮在两个视图之间切换

本文关键字:视图 两个 之间 单选按钮 mvc | 更新日期: 2023-09-27 18:06:17

我有一个显示报告的页面,根据路由参数,它将返回一个视图,该视图显示按类别分组或按优先级分组的数据。

我想向报告页面添加两个单选按钮,当用户单击相应的单选按钮时,它们将允许用户在类别和优先级视图之间切换。

但是我不知道如何创建一个表单,单击其中任何一个单选按钮提交一个post请求,该post请求传递一个模型对象(具有类别优先级开关和其他值)回控制器动作

如何在mvc视图中使用单选按钮在两个视图之间切换

我所知道的使选择一个单选按钮做post的唯一方法是使用JavaScript:

document.getElementById('your-radio-button').onchange = function() {
    document.getElementById('your-form').submit();
};

在jQuery中可以这样做:

$('#your-radio-button').change(function() { 
    $('#your-form').submit();
});

我还没有时间尝试,但是使用jQuery,您应该能够编写这样的内容:

<script type="text/javascript">
        $(document).ready(function() {
         $("#myform input[type=radio]").click(function(){
            $(this).closest("form").submit();
         })
        })       
    </script>