To get the value of the selected radio button, select it by name with the :checked filter.

var selectedVal = "";var selected = $("input:checked");if (selected.length > 0) selectedVal = selected.val();EDIT

So you have no control over the names. In that case I"d say put these radio buttons all inside a div, named, say, radioDiv, then slightly modify your selector:

var selectedVal = "";var selected = $("#radioDiv input:checked");if (selected.length > 0) selectedVal = selected.val();

$("input:checked").val();No space should be used in between selector.

if($("input.radioBtnClass").is(":checked")) var card_type = $("input.radioBtnClass:checked").val(); alert(card_type); $("input:checked").val()for nested attributes

$("input">:checked").val()Don"t forget single braces for name

var radios = $("input");Filter khổng lồ get the one that"s checked

radios.filter(":checked");OR

Another way you can find radio button value

var RadeoButtonStatusCheck = $("form input:checked").val(); to get the value of the selected Radio Button, Use RadioButtonName và the khung Id containing the RadioButton.

$("input:checked", "#myForm").val()OR by only

$("form input:checked").val(); Use Below Code

See below for working example with a collection of radio groups each associated with different sections. Your naming scheme is important, but ideally you should try and use a consistent naming scheme for inputs anyway (especially when they"re in sections like here).

Xem thêm: Tính Nhanh 1Mb Bằng Bao Nhiêu Kb Là Gì ? Viết Tắt Của Từ Gì?

$("#submit").click(function() var section = $("input:radio:checked").val(); var question = $("input:radio:checked").val(); var selectedVal = checkVal(section, question); $("#show_val_div").text(selectedVal); $("#show_val_div").show(););function checkVal(section, question) var value = $("input:radio:checked").val() * margin: 0; div margin-bottom: 20px; padding: 10px; h5, label display: inline-block; .small font-size: 12px; .hide display: none; #formDiv padding: 10px; border: 1px solid black; .center display:block; margin: 0 auto; text-align:center; By Name only

$(function () $("input:radio").change(function () alert($("input:checked").val()); );); You can get the value of selected radio button by Id using this in javascript/jQuery.

$("#InvCopyRadio:checked").val();I hope this will help.

Personal Radio ButtonAnd then I checked this in my js. It could be like

$(document).ready(function () $("#MyRadioBtnOuterDiv").click(function() var radioValue = $("input:checked").val(); if(radioValue === "myRadioBtnName") $("#showMyRadioArea").show(); else if(radioValue === "yourRadioBtnName") $("#showYourRadioArea").show(); ););`

In the following example we have two radio buttons. If the user selects any radio button, we will display the selected radio button value in a alert box.

Html:

Male Female others jquery:-

$(document).ready(function() $("#Demo input").on("change", function() alert($("input:checked", "#Demo").val()); ); ); và handle jquery for alert as for th e value phối / Changed through div id:

$("#subscriptions input") // select the radio by its id .on("change", function() // bind a function to lớn the change sự kiện alert($("input:checked", "#subscriptions").val()); );it is so easy....:-}

I can find which one selected with this selector:

$(".list input:checked:first").val();Even if there is no element selected, I still don"t get undefined error. So, you don"t have lớn write extra if statement before taking element"s value.

Here is very basic jsfiddle example.

Another Easy way to lớn understand... It"s Working:

Hold Cancel SuspendJquery Code:

$(document).on("click", ".active_status", function () var a = $("input:checked").val(); (OR) var a = $(".active_status:checked").val(); alert(a);); var arr = ; function r(n) var section = $("input:radio:checked").val(); arr = section; console.log(arr) 123456Here are 2 radio buttons namely rd1 and Radio1

The simplest wayt to kiểm tra which radio button is checked ,by checking individual is(":checked") property

if ($("#rd1").is(":checked")) alert("rd1 checked"); else alert("rd1 not checked"); Even input is not necessary as suggested by other answers. The following code can also be used:

var variable_name = $(":checked").val(); Get selected value by radio button Id:

$("input").click(function () alert($("#rdMale").val()););Get value by radiobutton Classname

$(".clsGender").click(function () alert($(this).val()); //or alert($(".clsGender:checked").val()); );Get value by name

$("input").click(function () var rdVaule = $("input:checked").val(); alert(rdVaule); ); $(function() $("#submit").click(function() alert($("input:checked").val()); ); );` HTML CodeJavascript Code$("input.check").click(function() if($(this).is(":checked")) if ($(this).val() == 1) $("#submit").val("Verified và Save"); else $("#submit").val("Save"); ); In case you don"t know the sepcific name or want to kiểm tra all radio inputs in a form, you can use a global var to kiểm tra for each radio group the value only once:`

var radio_name = ""; $("form).find(":radio").each(function() radio_name != $(this).attr("name")) radio_name = $(this).attr("name"); var val = $("input:checked").val(); if (!val) alert($("input:checked").val()); );` For multiple radio buttons, you have khổng lồ put same name attribute on your radio button tag.For example;

Once you have radio options, now you can do jQuery code like below to get he value of selected/checked radio option.

$(document).on("change", ".select_gender", function () console.log($(this).val()); // Here you will get the current selected/checked radio option value);Note: $(document) is used because if the radio button are created after DOM 100% loaded, then you need it, because if you don"t use $(document) then jQuery will not know the scope of newly created radion buttons. It"s a good practice to bởi jQuery event calls lượt thích this.