使用 Jquery 取消选中单选按钮

debugcn 发表于 Dev

Flexabust 柏格森

我有几个RadioButtonFor（剃刀），我正在尝试制作一个 JQuery 脚本，当您检查另一个按钮时取消选中其他按钮。

我有一个带有布尔数组的模型，可以传递给 Html Helper 和打印机名称：

public class Mymodel
{    
    public List<PrinterModel> printers { get; set; }
    public bool noDefault { get; set; }
}

我PrinterModel的如下：

public class Printermodel
{
    public bool selected { get; set; }
    public string printerName { get; set; }
}

在我看来，这给出了：

@using (Html.BeginForm()
{
<div class="form-group">
    for (var i = 0; i < Model.printers.Count(); i++)
    {
        @Html.RadioButtonFor(m => m.printers[i].selected, new { @class = "default" });
        @Html.Label(Model.printers[i].printerName);
        <br/>
    }
    @Html.RadioButtonFor(m=>m.noDefaultRadio, new { @class = "noDefault", @checked= "checked" });
    @Html.Label("No default printer");
</div>
}

我知道我可以.prop('checked', false)在 JQuery中使用取消选中单选框，所以我在第一场比赛中尝试取消选中默认按钮：

$('.default').change(function () {
    if ($('.default:checked').length > 0) {
        $('.noDefault').prop('checked', false);
    }
    else {
        $('.noDefault').prop('checked', true);
    }
});

这什么都不做，但适用于复选框，为什么？

此外，默认情况下@checked="checked"不会进行RadioButtonFor检查，我也尝试过@checked = true哪个也不起作用。

有任何想法吗？

编辑当尝试name="default"按照建议使用时，在我的导航器中检查页面时，我看到以下输入：

<input data-val="true" id="printers_0__primarySelected" name="printers[0].primarySelected" type="radio" value="{ disabled = disabled }"

麦克鲍斯

你可以让单选按钮成为一个组的一部分吗？您尝试做的事情听起来像是默认行为。

您可以name = "printerGroup"在 RadioButtonFor 调用中将（或类似的）添加到 HTML 属性中以将它们组合在一起吗？

更新：

退一步，听起来您想要选择 1 个单选按钮。提交后，您应该希望将 selectedId 或某些标识符传递回您的控制器。我希望进行以下更改。

模型

public class PrinterModel   
    {
        public int Id { get; set; }
        public string printerName { get; set; }
    }

public class MyModel
    {
        public List<PrinterModel> printers { get; set; } = new List<PrinterModel>();
        public string selectedId { get; set; } //This will be the id of what gets selected
    }

看法

@using (Html.BeginForm())
{
    <div class="form-group">
        @for (var i = 0; i < Model.printers.Count; i++)
        {
            @Html.RadioButtonFor(m => Model.selectedId, Model.printers[i].Id, new { name = "test" });
            @Html.Label(Model.printers[i].printerName);
            <br />
        }
        @Html.RadioButtonFor(m => Model.selectedId, "0", new { name = "test" })
        @Html.Label("No default printer")
    </div>
}

在您的控制器中，您可以获取 selectedId 并对其进行处理，如果传入 0，则将是默认值（根据需要更改）。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。