单选按钮不显示更新的值

radio button not shows updated value

本文关键字：更新 显示 单选按钮      更新时间：2023-09-26

我正在尝试从表单更新值，除了gender值所有更新。性别价值观未更新这是性别单选按钮的代码。

<label>
Gender:  </label> 
   <input type="radio" id="gender" name="gender" value="male" required> Male
<input type="radio" name="gender" id="gender" value="female" required> Female
<input type="radio" name="gender" id="gender" value="other" required> Other

我使用js函数获取表单的值，并将其发送到update函数。

var gender = $('#gender').val();

我犯了什么错误？

这应该能在中工作

// Get the value from a set of radio buttons
$('input:radio[name="gender"]:checked').val();

另请参阅http://api.jquery.com/val/

试试这个，

var gender = $('#gender:checked').val();

https://jsfiddle.net/dave17/tdk60unr/

我希望它会有所帮助。

在我的端尝试此代码运行良好

  <form >
  <label for="male">Male</label>
  <input type="radio" name="gender" id="male" value="male"><br>
  <label for="female">Female</label>
  <input type="radio" name="gender" id="female" value="female"><br>
  <label for="other">Other</label>
  <input type="radio" name="gender" id="other" value="other"><br><br>
  <input type="submit" value="Submit">
</form>
相关文章：