頂部導航開始 -->

如何使用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號
  • 聯系郵箱:[email protected]
  • 交流請加微信:weibobf2899 或掃下方二維碼
双大床红利扑克1手APP