在项目中，使用ajax的时候，会发现，用ajax提交表单，表单的中有单选按钮的话，jquery获取的单选按钮的值，总是第一个单选按钮的值，这就意味着，如果用户提交性别的话，无论怎么选择，我们获取到的都是第一个选项的值，用户的性别都会是同样的，数据记录出现错误，如下图示例：
解决的方法是使用checked属性来获取单选按钮的值：var sex=$('[name="sex"]:checked').val();，在获取属性的时候，添加上checked即可解决jquery无法获取单选按钮的值的问题。效果下图：
jquery可以获取单选按钮值的代码：
<html> <meta charset="UTF-8"> <script src="./jquery.min.js"></script> <div style="margin:auto;margin-left:200px;margin-top:200px;"> <form action="" method="post"> 男：<input type="radio" name="sex" value="1" /><br /> 女：<input type="radio" name="sex" value="2" /><br /><br /> <input type="submit" name="sub" value="提交" /> </form> </div> <script> $(function(){ //alert(sex); $('[name="sub"]').click(function(){ var sex=$('[name="sex"]:checked').val(); alert(sex); }); }); </script> </html> |
宠物免费领养小程序，欢迎来踩
