tengo el siguiente código HTML:
<div class="form-row">
<div class="form-group col-md-12">
<label class="form-label">Tipo de dirección</label>
<div class="form-inline">
<label class="custom-control custom-radio">
<input name="radio-direccion" value="local" type="radio" checked="checked" class="custom-control-input">
<span class="custom-control-label">Local </span>
</label>
<label class="custom-control custom-radio">
<input name="radio-direccion" value="foranea" type="radio" class="custom-control-input">
<span class="custom-control-label">Foránea</span>
</label>
</div>
</div>
</div>
<script type="text/javascript">
window._getTipoDirUrl = '@Url.Action("Action", "Controller")';
</script>
También una clase ViewModel que entre otras propiedades contiene esta:
public class DireccionViewModel
{
...
[Display(Name = "Tipo dirección")]
public string TipoDir {get; set;}
...
}
Y un código javascript donde realizo una acción en función del radio button seleccionado:
$("[name=radio-direccion]").on('change', function () {
var $radio = $(this);
$.ajax({
url: window._getTipoDirUrl,
data: { tipodir: $radio.val() },
success: function (data) {
$("#direccion").html(data);
}
});
});
Necesito representar los inputs de radio con @Html.CheckBoxFor() de manera que cuando se haga el binding la propiedad TipoDir valga local o foranea (o alguna forma similar de manera que en el controlador yo sepa que opción se ha seleccionado) y que además el código javascript me funcione correctamente.