Get values from RadioButton

[Ram]

Hi all

I saw this demo  :  http://demos.telerik.com/aspnet-mvc/styling/radios

I want to know which radiobutton that user checked in client side.

for this one

@(Html.Kendo().RadioButton().Name("engine1").Checked(true).HtmlAttributes(new{@name = "engine"}).Label("1.4 Petrol, 92kW"));

I'm trying to use this

var rbEngine = $("#engine1").data("kendoRadioButton");

but I can't get any value...even checking status...

Am I using wrong method?  

Thanks

 

 

 

 

 

[Eduardo Serra]

Hello Ram,

You can try the following:

if ($("[name='engine1']").is(":checked"))

I hope this helps!

Regards,
Eduardo Serra
Telerik by Progress

[Ram]

Hi : Eduardo Serra thank you!
I get the checked status by using  
$("[name='engine']").is(":checked")   
but
If there are two Radiobuttin existing like this
    @(Html.Kendo().RadioButton().Name("engine1").Checked(true).HtmlAttributes(new { @name = "engine" }).Label("1.4 Petrol, 92kW"));
    @(Html.Kendo().RadioButton().Name("engine2").HtmlAttributes(new { @name = "engine" }).Label("1.8 Petrol, 118kW"));
always get True value in this situation.

Finally I'm using     $("[id='engine1_']").is(":checked")
I don't know where is the '_' char from, in HTML like this
<input checked="checked" class="k-radio" id="engine1_" name="engine" type="radio" value="">
<input class="k-radio" id="engine2_" name="engine" type="radio" value="">

Thank you agin, Eduardo Serra.

[Veselin Tsvetanov]

Hello Ram,

I am happy to learn that you have successfully implemented the desired check.

Normally, the rendered input elements for the Kendo widgets have both the Name and the Id attributes set to the same value. In the discussed scenario, the underscore is automatically appended to the id of the input to signify the fact that the two values are different.

Regards,
Veselin Tsvetanov
Telerik by Progress

[Aziz]

 @(Html.Kendo().RadioButton().Name("radiobutton_legal").Checked(true).HtmlAttributes(new { @name = "search_type" }).Label("Физлицо"))
                 &nbsp;&nbsp;
                 @(Html.Kendo().RadioButton().Name("radiobutton_entity").Checked(false).HtmlAttributes(new { @name = "search_type" }).Label("Юрлицо"))
                 &nbsp;&nbsp;
                 @(Html.Kendo().RadioButton().Name("radiobutton_cooperative").Checked(false).HtmlAttributes(new { @name = "search_type" }).Label("ЖСК"))

-----

function addAddressData() {
        var search_type = 0;
        if ($("#radiobutton_legal").prop('checked')) {
            search_type = 1
        } else if ($("#radiobutton_entity").prop('checked')) {
            search_type = 2
        }
        else if ($("#radiobutton_cooperative").prop('checked')) {
            search_type = 3
        }
        return {
            keyword: $("#autocomplete_address").val(),
            search_type: search_type
        }
    }

[Acadia]

I found @Aziz answer to be simple and it worked perfectly.  Eduardo's solution did not work for me.  The "val()" was a long nasty alphanumeric value.

[Veselin Tsvetanov]

Hi Aziz,

Since the R1 2021.1.119 release of Telerik UI for ASP.NET MVC, the suite features a brand new RadioGroup HTML helper. I believe that would be a great fit for the scenario in question.

Regards,
Veselin Tsvetanov
Progress Telerik