一、获取单选按钮的值
HTML页面代码如下:
性 别:<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代码如下:
爱 好:<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()获取被选中的复选框的值。