支付宝赞助帐号:service@kuitao8.com 

jquery获取复选框中被选中的值

Created2014-07-30   Views 2120    Author 懒人程序
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Documenttitle>
  <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js">script>
head>
<style type="text/css">
li{
list-style:none;
}
style>
<body>
<ul id="dxbox">
              
               <li><input type="checkbox" name="dns_area"  value="江苏"/>江苏li>              
               <li><input type="checkbox" name="dns_area"  value="云南"/>云南li>
               <li><input type="checkbox" name="dns_area"  value=" 贵州" checked="checked"/>贵州li>
               <li><input type="checkbox" name="dns_area"  value="北京"/>北京li>
               <li><input type="checkbox" name="dns_area"  value="河南"/>河南li>
               <li><input type="checkbox" name="dns_area"  value="海南" checked="checked"/>海南li>
               <li><input type="checkbox" name="dns_area"  value="天津" checked="checked"/>天津li>
               <li><input type="checkbox" name="dns_area"  value="辽宁" />辽宁li>
  ul>
<button id="p">获取复选框中被选中的值button>
body>
<script>
 $(function(){
$('#p').click(function(){
var len = $("input:checkbox").length;
//alert(len);  //共计8个
for(var i=0;i<len;i++){
if($("input:checkbox").eq(i).is(":checked")){
alert(i);//第6alert($("input:checkbox").eq(i).val());//tjdx
}
}
})
})
script>     
html>

上一篇: jQuery基础 -- 添加/移除CSS类
下一篇: jquery利用新浪的api获取访问者的ip地址
支持键盘 ← →

邮件订阅

订阅我们的精彩内容