jquery下checked取值问题的解决方法


Posted in Javascript onAugust 09, 2012

一怒之下,给checkbox加一个isCheck,,不用那该死的checked属性...一切OK了...代码如下:

<!DOCTYPE html > 
<html><head> 
<meta charset="UTF-8"> 
<title>修复checkbox的状态切换和动态取值的问题</title> 
<script type="text/javascript" src="jquery.js"></script> 
<style> 
* {margin:0; padding:0;} 
ul li { float:left; list-style:none; margin-left:20px;} 
</style> 
</head> 
<body> 
<form name="journal" id="journal" action="#" method="post"> 
<input name="cate_ids" value="" type="hidden"> 
<ul> 
<li><input checked="checked" isCheck="true" class="ckbox" value="1" name="cate_id" type="checkbox">美食1</li> 
<li><input class="ckbox" value="2" name="cate_id" type="checkbox">美食2</li> 
<li><input class="ckbox" value="3" name="cate_id" type="checkbox">美食3</li> 
<li><input checked="checked" isCheck="true" class="ckbox" value="4" name="cate_id" type="checkbox">美食4</li> 
<li><input checked="checked" isCheck="true" class="ckbox" checked="checked" value="5" name="cate_id" type="checkbox">美食5</li> 
</ul> 
<div class="btn"> <input value="确认" name="sbtn" onclick="getValues()" type="button"> 
</form> <script> 
//修复checkbox的状态切换和动态取值的问题 
//为checkbox新增一个isCheck属性来替换checked属性的不兼容性 
$(".ckbox").click(function(){ 
if($(this).attr("isCheck") == "true") { 
$(this).removeAttr("isCheck") 
} else { 
$(this).attr("isCheck", "true"); 
} 
}) 
function getValues() 
{ 
var list=""; 
$(".ckbox").each(function(){ 
if($(this).attr("isCheck") == "true"){ 
list += $(this).val() + ","; 
} 
}) 
alert(list); 
} 
</script> 
</body> 
</html>
Javascript 相关文章推荐
jQuery源码分析-03构造jQuery对象-工具函数
Nov 14 Javascript
script标签属性type与language使用选择
Dec 02 Javascript
JS获取后台Cookies值的小例子
Mar 04 Javascript
jQuery Mobile页面跳转后未加载外部JS原因分析及解决
Mar 18 Javascript
EasyUI中实现form表单提交的示例分享
Mar 01 Javascript
jquery+html5制作超酷的圆盘时钟表
Apr 14 Javascript
JavaScript保留关键字汇总
Dec 01 Javascript
对象转换为原始值的实现方法
Jun 06 Javascript
浅析Javascript ES6中的原生Promise
Aug 25 Javascript
JavaScript数据结构链表知识详解
Nov 21 Javascript
vue路由守卫+登录态管理实例分析
May 21 Javascript
JS中一些高效的魔法运算符总结
May 06 Javascript
js分解url参数(面向对象-极简主义法应用)
Aug 09 #Javascript
深入理解javascript学习笔记(一) 编写高质量代码
Aug 09 #Javascript
JS数学函数Exp使用说明
Aug 09 #Javascript
基于jQuery实现左右div自适应高度完全相同的代码
Aug 09 #Javascript
分享精心挑选的12款优秀jQuery Ajax分页插件和教程
Aug 09 #Javascript
用JQuery在网页中实现分隔条功能的代码
Aug 09 #Javascript
基于jQuery的简单九宫格实现代码
Aug 09 #Javascript
You might like
PHP简单实现合并2个数字键数组值的方法
2017/05/30 PHP
PHP addAttribute()函数讲解
2019/02/03 PHP
PHP工厂模式、单例模式与注册树模式实例详解
2019/06/03 PHP
IE本地存储userdata的一个bug说明
2010/07/01 Javascript
jQuery插件原来如此简单 jQuery插件的机制及实战
2012/02/07 Javascript
jQuery实现购物车多物品数量的加减+总价计算
2014/06/06 Javascript
jquery中页面Ajax方法$.load的功能使用介绍
2014/10/20 Javascript
再JavaScript的jQuery库中编写动画效果的指南
2015/08/13 Javascript
jQuery ui实现动感的圆角渐变网站导航菜单效果代码
2015/08/26 Javascript
jQuery简单实现页面元素置顶时悬浮效果示例
2016/08/01 Javascript
Avalonjs双向数据绑定与监听的实例代码
2017/06/23 Javascript
angularjs实现对表单输入改变的监控(ng-change和watch两种方式)
2018/08/29 Javascript
基于js实现抽红包并分配代码实例
2019/09/19 Javascript
微信小程序返回上一级页面的实现代码
2020/06/19 Javascript
vue-cli3项目打包后自动化部署到服务器的方法
2020/09/16 Javascript
[01:05:00]2018国际邀请赛 表演赛 Pain vs OpenAI
2018/08/24 DOTA
解决python2.7 查询mysql时出现中文乱码
2016/10/09 Python
python函数中return后的语句一定不会执行吗?
2017/07/06 Python
Python中elasticsearch插入和更新数据的实现方法
2018/04/01 Python
python生成以及打开json、csv和txt文件的实例
2018/11/16 Python
python之验证码生成(gvcode与captcha)
2019/01/02 Python
python 限制函数执行时间,自己实现timeout的实例
2019/01/12 Python
python 判断矩阵中每行非零个数的方法
2019/01/26 Python
python3 中的字符串(单引号、双引号、三引号)以及字符串与数字的运算
2019/07/18 Python
Django Rest framework三种分页方式详解
2019/07/26 Python
pytorch使用 to 进行类型转换方式
2020/01/08 Python
详解Html5微信支付爬坑之路
2018/07/24 HTML / CSS
AssertionError 跟一下那个类是 “is – a”的关系
2012/02/21 面试题
电子商务网站的创业计划书
2014/01/05 职场文书
小学端午节活动方案
2014/03/13 职场文书
民事诉讼授权委托书范文
2014/08/02 职场文书
党员作风建设整改方案
2014/10/27 职场文书
离婚协议书范文2014(夫妻感情破裂)
2014/12/14 职场文书
投资公司董事长岗位职责
2015/04/16 职场文书
详解CocosCreator消息分发机制
2021/04/16 Javascript
深入浅析python3 依赖倒置原则(示例代码)
2021/07/09 Python