无法获取选中的单选按钮的值
无法获取选中的单选按钮的值
提问于 2018-06-28 03:45:14
下面是HTML：
<form>
<div class="form-group">
<div class="checkbox-detailed male_input">
<input type="radio" name="gender" id="male" value="male">
<label for="male">
<span class="checkbox-detailed-tbl">
<span class="checkbox-detailed-cell">
<span class="checkbox-detailed-title">Male</span>
</span>
</span>
</label>
</div>
<div class="checkbox-detailed female_input" style="margin-left: 25px!important">
<input type="radio" name="gender" id="female" value="female">
<label for="female">
<span class="checkbox-detailed-tbl">
<span class="checkbox-detailed-cell">
<span class="checkbox-detailed-title">Female</span>
</span>
</span>
</label>
</div>
</div>
<button type="submit" class="btn btn-rounded" id="user_submit">Sign In</button>
</form>下面是javascript部分：
var user_gender = $("input[name='gender']:checked");
var user_submit = $('#user_submit');
user_submit.click(function(){
console.log(user_gender.val())
});我也试过var user_gender = $("input[name=gender]:checked"); (性别之间不加引号)和var user_gender = $("input:radio[name='gender']:checked");，它仍然不起作用。它没有为user_gender变量定义日志，我做错了什么吗？
回答 1
Stack Overflow用户
发布于 2018-06-28 03:47:00
您希望在函数中移动查询，如下所示：
var user_submit = $('#user_submit');
user_submit.click(function(){
var user_gender = $("input[name='gender']:checked");
console.log(user_gender.val())
});您所做的是在提交之前获取检查过的值，这在加载页面时可能是空的。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51070336
复制相关文章
相似问题