使用jquery获取被选中checkbox复选框的值:
checkbox是重要的表单元素，在很多多项选择中使用，下面就通过代码实例介绍一下如何获取复选框中所有被选中项的值，希望能够给需要的朋友带来一定的帮助。
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(function(){
var theArray=[];
$("#btn").click(function(){
$("input[name=ckb]:checked").each(function() {
theArray.push($(this).val());
});
alert(theArray);
})
})
</script>
</head>
<body>
<div>
<input type="checkbox" name="ckb" value="蚂蚁部落一"/>蚂蚁部落一
<input type="checkbox" name="ckb" value="蚂蚁部落二"/>蚂蚁部落二
<input type="checkbox" name="ckb" value="蚂蚁部落三"/>蚂蚁部落三
<input type="button" id="btn" value="取值"/>
</div>
</body>
</html>
以上代码非常的简单这里就不多介绍了，可以参阅相关阅读。
相关阅读:
1.click事件可以参阅jQuery的click事件一章节。
2.each()函数可以参阅jQuery的each()方法一章节。
3.push()函数可以参阅javascript的Array对象的push()方法一章节。
4.val()函数可以参阅jQuery的val()方法一章节。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=12403
更多内容可以参阅:http://www.softwhy.com/jquery/
时间： 2024-10-05 23:35:12