jQuery 获取表单中的单选按钮和多选按钮的值

一、获取单选按钮的值

HTML页面代码如下：

性&nbsp;&nbsp;别：<input type="radio" name="sex" value="男" checked/>男
                 <input type="radio" name="sex" value="女" />女<br /><br />

jq 代码如下：

var sex = $("input:radio[name='sex']:checked").val();

二、获取表单中的复选框的值

     方式一：先获取被选中的数组，然后遍历数组，得到复选框选中的值，代码如下：

HTML代码如下：

爱&nbsp;&nbsp;好：<input type="checkbox" name="like" value="1"/>吃
				<input type="checkbox" name="like" value="2"/>喝
				<input type="checkbox" name="like" value="3" checked/>嫖
				<input type="checkbox" name="like" value="4"/>赌
				<input type="checkbox" name="like" value="5"/>抽
				<br /><br />

jq代码如下：

var likes = $("input[type='checkbox']:checked");
		var like = new Array();
		for(i = 0; i < likes.length; i++){
			if(likes[i].checked){
				like[i] = likes[i].value;
			}
		}
alert(like[0]);

方式二：使用jQuery的each方法 ，此方法比较简洁，推荐使用该方法，代码如下：

 var likes = $("input[type='checkbox']:checked").each(function(){
			alert($(this).val()) ;
		 });

如上：在匿名函数中，使用$(this).val()获取被选中的复选框的值。