如何在HTML中用JS动态设置单选按钮的值

<input type="radio" name="gender" value="male"> Male
<input type="radio" name="gender" value="female"> Female

var maleRadio = document.querySelector('input[name="gender"][value="male"]');
maleRadio.value = "new value";

var button = document.getElementById("myButton");
button.addEventListener("click", function() {
  var maleRadio = document.querySelector('input[name="gender"][value="male"]');
  maleRadio.value = "new value";
});