`
tenderuser
  • 浏览: 59612 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

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

阅读更多
在页面中想要获取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这个属性来取出对应的属性值


分享到:
评论

相关推荐

    js实现翻页后保持checkbox选中状态的实现方法

    项目中的分页使用真分页,每次...把选中的checkbox中的id,其中包括模块id,操作id,拼接成一个字符串,然后把字符串传递到action中。 每次调用此页面时,首选调用action中的选中的id字符串,然后根据在id字符串的基

    checkbox使用jquery全选-反选-取得选中的值-Housl.zip

    checkbox使用jquery全选-反选-取得选中的值-完整的例子

    使用jQuery+EasyUI实现CheckBoxTree的级联选中特效

    主要介绍了使用jQuery+EasyUI实现CheckBoxTree的级联选中特效的相关资料,需要的朋友可以参考下

    jQuery实现checkbox全选的方法

    本文实例讲述了jQuery实现checkbox全选的方法。分享给大家供大家参考。具体分析如下: 通过checkbox 进行全选和取消全选的操作,如果通过toggle进行处理,则会出现checkbox无法显示对勾的问题。 使用click事件,根据...

    jQuery中获取checkbox选中项等操作及注意事项

    1. 获取checkbox的选中项 2. checkbox选项的全选 反选操作 用于测试的checkbox代码段: 代码如下: &lt;input type=”checkbox” name=”abc” value=”一年级” id=”in1″ checked=”checked” /&gt;”in1″&gt;...

    jQuery中:checkbox选择器用法实例

    主要介绍了jQuery中:checkbox选择器用法,实例分析了:checkbox选择器的功能、定义及匹配复选框的使用技巧,需要的朋友可以参考下

    checkbox全选/取消全选以及checkbox遍历jQuery实现代码

    "checkbox全选/取消全选以及checkbox遍历jQuery实现代码" CheckBox全选/取消全选是指在一个CheckBox组中...本例中我们使用jQuery实现了CheckBox全选/取消全选和CheckBox遍历的功能,提供了一个实际应用中的解决方案。

    使用CSS3和Checkbox实现JQuery的一些效果

    主要介绍了使用CSS3和Checkbox实现JQuery的一些效果,包括show()/hide()和fadeIn()/fadeOut()以及slideUp()/slideDown()的实现,需要的朋友可以参考下

    jQuery获取Select选择的Text和_Value

    jQuery 获取 Select 选择的 Text 和 Value 是一种常见的操作,例如在表单提交前获取用户选择的选项,或者在页面加载时根据服务器端的数据设置选择的选项。本文将详细介绍 jQuery 获取和设置 Select 选择的 Text 和 ...

    JQuery使用$.ajax和checkbox实现下次不在通知功能

    XXX平台要实现一个功能,公告弹出页面上使用复选框设置不再通知此类公告。   原理:&lt;input type=”checkbox” id=”isSelect” name=”isSelect” value=”10″ onclick=”[removed]noTips();”/&gt;,checkbox...

    jQuery判断checkbox是否选中的3种方法

    主要介绍了jQuery判断checkbox是否选中的3种方法,本文中的方法使用ID选择器实现,比网上其它的一些长篇大论的文章更加简练,需要的朋友可以参考下

    浅析jquery与checkbox的checked属性的问题

    1、页面加载成功后,点击选中或取消选中该checkbox,checkbox属性里的checked属性不会根据该checkbox是否选中而变化 2、checkbox里的onchange或onclick方法里用jquery的attr方法获取checked是看得到的checked属性的...

    jquery获取特定name所有选中的checkbox,支持IE9标准模式

    原先的语句为var selectChks = $(“input[type=checkbox][name=productItem][checked]”);在IE7,IE8和IE9兼容模式都能正常获取但是在IE9标准模式下获取不...经测试在IE7,IE8和IE9兼容模式,IE9标准模式中也能正常使用

    jQuery.checkboxGroup:checkun的复选框选中jquery lib的一组复选框

    jQuery.checkboxGroup 这是一个非常简单的插件,可让您轻松地将某些复选框组合在一起并创建一个主复选框,该主复选框可以选中或取消选中所有从属复选框。 如何使用它 给定一个具有id master的复选框和一个字段集中...

    jQuery判断checkbox是否选中的小例子

    判断checkbox是否选中的方法有很多,不过都是大同小异,下面为大家介绍下使用jquery是如何做到的,下面有个不错的示例,感兴趣的朋友可以参考下

    jquery中checkbox使用方法简单实例演示

    和大家分享一段基于jQuery实现checkbox列表全选、反选和不选功能的代码,适用于网页多选后需要进行批量操作的场景(如批量删除等)。文章结合实例,代码简洁,基本覆盖选项选择操作的方方面面,希望可以帮到有需要的...

    原生JS版和jquery版实现checkbox的全选/全不选/点选/行内点选(Mr.Think)

    日常项目中, 对于列表类文章或数据, 大概都会用到checkbox的全选或全不选的功能, 以前的项目中也写过checkbox的选择js, 但都没有整理过. 正好前几天一个兄弟遇到了这个问题, 索性, 我花了点时间, 用原生JS与jQuery...

    jQuery选择器上机练习题及答案.rar

    (答案见下载资源) 上机任务1 用chrome打开dom.sample2.html页面...为某dom元素应用某css样式可以使用jQuery中的addClass方法,例如:将id为tt的div元素应用.bt样式,可用些语句:$("#tt").addClass("color","red");

    jquery判断复选框是否被选中的方法

    jquery 判断复选框是否选中以及如何选中的问题做一下总结。 进入正题,还是当页面有如下一组复选框的时候: &lt;input type=checkbox name=fruit value=apple /&gt;...那么使用 Jquery 获取 name=

Global site tag (gtag.js) - Google Analytics