MVC5 radibuttonfor onclink

MVC5 radibuttonfor onclink
2016-03-07T19:59:40+01:00
2016-03-08T00:45:58+01:00
2022-12-03T08:25:38+01:00
Avatar1980
Sziasztok!

Az alábbi kódhoz kérem a segítségeteket:

<script type="text/javascript">
    function submitform() {
        window.location.href = '/Cart/Buy';
    }
</script>

@Html.RadioButtonFor(m => m.szallitasimod, "futar", new { onchange = @"submitform();" }) Futár<br />
        @Html.RadioButtonFor(m => m.szallitasimod, "bolt", new { onchange = @"submitform();" }) Üzletünkben<br />
        @Html.RadioButtonFor(m => m.szallitasimod, "ppp", new { onchange = @"submitform();" }) Pick Pack Pont<br />

A 3 radiobutton közül bármelyiket választja ki az ügyfél az oldalnak le kéne frissíteni magát, hogy a szállítási díjat rögtön ki tudja írni az oldal.

Köszönöm
Mutasd a teljes hozzászólást!
onchange esetén submitform ami átirányít? Ennek így nincs sok értelme. Ha átirányítod az oldalt (vagy akár submit-olod a formot), akkor értelemszerűen nem frissül sehonnan semmilyen adat.

Az alábbi megoldást tudnám elképzelni:
1. radio onchange esetén ajax hívás
2. az ajax post segítségével lekérdezi a szállítási módhoz tartozó adatokat
3. a kapott adatokat js segítségével a megfelelő helyre illeszted

egyszerű példa:

<input type="radio" name="szallitas" value="futar" /> Futár<br /> <input type="radio" name="szallitas" value="bolt" /> Bolt <script type="text/javascript"> $(function () { $(':radio[name="szallitas"]').change(function () { $.ajax({ url: 'szallitas', type: 'POST', data: { szallitas: $(':radio[name="szallitas"]:checked').val() }, success: function (xhr_data) { alert(xhr_data.szallitasiDij); } }); }); }); </script> public class YourController : Controller { public ActionResult szallitas(string szallitas) { // lekérdezed, feldolgozod az adatokat, amiket szeretnél // ... return Json(new { szallitasiDij = "1200 Ft" }); } }
Mutasd a teljes hozzászólást!

Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd