Question

如何使用Html.RadioButtonFor创建单选按钮，单击该按钮可在服务器上运行代码并控制某些文本框的可见性。之前我曾用<asp:control谢谢

创建autopostback="true"

Answer 1

我不完全确定你的意思，但要制作一个普通的单选按钮做回发你需要使用javascript（jquery就是我会用过的）为你执行回发（记得要确保你的告诉它做一个真正的回发而不是异步回发）。

确保将回发指向一个actionresult，它使用viewmodel执行您想要的操作以反映所选选项并再次将其发送到视图，然后视图将包含更轻的代码，如if，else或您需要反映的任何内容用户做出的选择。

编辑：

$(".rbClass").Click(function(){
    $("formToSubmit").submit();
});

这应该适用于常规回发，你应该查看ajax，当使用$ .ajax（）检查jquery或在这里搜索时，甚至可以选择设置属性“async：false”，你会得到很好的例子。

Answer 2

与往常一样，您可以从创建视图模型开始：

public class MyViewModel
{
    public int RadioValue { get; set; }
}

然后是控制器：

[HandleError]
public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View(new MyViewModel
        {
            // Set to some initial value
            RadioValue = 1
        });
    }

    public ActionResult CheckVisibility(int radioValue)
    {
        return Json(new
        {
            // based on the value of the radio decide whether
            // the textbox should be shown
            visible = radioValue == 1
        }, JsonRequestBehavior.AllowGet);
    }
}

最后是强类型视图：

<script type="text/javascript">
    $(function () {
        // when one of the two radio buttons is clicked
        $('.myradio').click(function () {
            // prepare the request
            var data = { radioValue: $(this).val() };

            // url to send the AJAX request to
            var url = '<%= Url.Action("checkvisibility") %>';

            // send an AJAX request
            $.getJSON(url, data, function (json) {
                // when the request succeeds toggle the visibility of the textbox
                // based on the JSON response returned by the server
                $('#foo').toggle(json.visible);
            });
        });
    });
</script>

Value 1: <%: Html.RadioButtonFor(x => x.RadioValue, "1", new { @class ="myradio" })%>
Value 2: <%: Html.RadioButtonFor(x => x.RadioValue, "2", new { @class = "myradio" })%>
<br/>
<input type="text" id="foo" name="foo" value="bar" />

使用Html.RadioButtonFor的单选按钮在单击时运行服务器代码

2 个答案: