jQuery - Get value of radio button text

Question

I'm a beginner to programming. I'm building a quiz app with HTML, CSS, jQuery and Javascript. I'm trying to obtain the value of a radio button text with the following jQuery code:

jQuery:

$('input[name="radios"]:checked').val()

HTML:

<input type="radio" id="A" name="radios" value="France"><label for="r1">France</label>

I've also changed the value of the radio button once the user clicks submit:

jQuery

$("label[for=r1]").html("Germany")

However, the next time I run the same jQuery command to get the value of the radio button text, it returns to me the earlier value and not the new value. Is there something I am missing in the code?

Answer 1

you get and set an input's value with the same function.

//Gets a value
$('input[name="radios"]:checked').val()
//Sets a value
$('input[name="radios"]:checked').val("some new value")

Answer 2

使用.text（）函数更改标签的值。

$("label[for=r1]").text("Germany")