顶部导航开始 -->

如何使用jQuery获取单选按钮的值

在项目中,使用ajax的时候,会发现,用ajax提交表单,表单的中有单选按钮的话,jquery获取的单选按钮的值,总是第一个单选按钮的值,这就意味着,如果用户提交性别的话,无论怎么选择,我们获取到的都是第一个选项的值,用户的性别都会是同样的,数据记录出现错误,如下图示例:

自学php博客

自学php博客

自学php博客

解决的方法是使用checked属性来获取单选按钮的值:var sex=$('[name="sex"]:checked').val();,在获取属性的时候,添加上checked即可解决jquery无法获取单选按钮的值的问题。效果下图:

自学php博客

自学php博客

自学php博客

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>


自学php博客
请先登陆后发表评论
  • 最新评论
  • 总共0条评论
  • © 2014-2016 zixuephp.cn 版权所有
  • ICP证:皖ICP备16012107号
  • 联系邮箱:510082587@qq.com
  • 交流请加微信:weibobf2899 或扫下方二维码