你的位置:首页 > Java教程

[Java教程]使用jquery获取被选中checkbox复选框的值


使用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/