六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 84|回复: 0

关于使用jquery取得页面中选中的checkbox的实现

[复制链接]

升级  82%

9

主题

9

主题

9

主题

童生

Rank: 1

积分
41
 楼主| 发表于 2013-2-7 19:11:00 | 显示全部楼层 |阅读模式
在页面中想要获取checkbox中的选中的值,然后封装成数组,放到json中,

页面:

用户名:<input type="text" id="username" /><br />密码 :<input type="password" id="password" /><br />确认密码 :<input type="password" id="repassword" /><br />年龄  :<input type="text" id="age" /><br />衣服 :<input type="checkbox" value="green" />绿色 <input type="checkbox" value="red"  /> 红色<br /><input type="button" value="提交" id="submit" />

js代码:
$("document").ready(function (){$("#submit").click(checksubmit);});function checksubmit(){var cloth = [];var checked = $("input:checked");for(var i=0;i<checked.length;i++){cloth[i] = checked[i].value;}var json = {"username":encode($("#username").val()),"password":$("#password").val(),"repassword":$("#repassword").val(),"age":$("#age").val(),"cloth":cloth};$.get("JSONTest",json,callback);}function callback(data){alert(data);}function encode(data){return encodeURI(encodeURI(data));}

中间遇到的问题主要是怎么把checked这个数组中的值取出来 ,通过alert,我们可以知道 checked.get(0)返回的是一个HTMLINPUTELEMENT对象,因此此时,已经是一个dom对象了,可以直接通过value这个属性来取出对应的属性值
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表