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 (八) 插播:jQuery实施方案
Feb 23 Javascript
setTimeout函数兼容各主流浏览器运行执行效果实例
Jun 13 Javascript
JavaScript控制listbox列表框的项目上下移动的方法
Mar 18 Javascript
JS选取DOM元素的简单方法
Jul 08 Javascript
Ajax分页插件Pagination从前台jQuery到后端java总结
Jul 22 Javascript
详解Javascript函数声明与递归调用
Oct 22 Javascript
Bootstrap按钮功能之查询按钮和重置按钮
Oct 26 Javascript
js实现移动端导航点击自动滑动效果
Jul 18 Javascript
JavaScript代码执行的先后顺序问题
Oct 29 Javascript
JavaScript面向对象的程序设计(犯迷糊的小羊)
May 27 Javascript
JS检索下拉列表框中被选项目的索引号(selectedIndex)
Dec 17 Javascript
JavaScript利用键盘码控制div移动
Mar 19 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中输出转义JavaScript代码的实现代码
2011/04/22 PHP
9个PHP开发常用功能函数小结
2011/07/15 PHP
ThinkPHP3.1新特性之查询条件预处理简介
2014/06/19 PHP
ThinkPHP2.x防范XSS跨站攻击的方法
2015/09/25 PHP
JavaScript入门教程 Cookies
2009/01/31 Javascript
js实现权限树的更新权限时的全选全消功能
2009/02/17 Javascript
Javascript基础 函数“重载” 详细介绍
2013/10/25 Javascript
js实现网页右上角滑出会自动消失大幅广告的方法
2015/02/27 Javascript
简单了解JavaScript操作XPath的一些基本方法
2016/06/03 Javascript
AngularJs directive详解及示例代码
2016/09/01 Javascript
浅谈ajax请求不同页面的微信JSSDK问题
2018/02/26 Javascript
JavaScript设计模式之责任链模式实例分析
2019/01/16 Javascript
JavaScript 面向对象程序设计详解【类的创建、实例对象、构造函数、原型等】
2020/05/12 Javascript
Java中重定向输出流实现用文件记录程序日志
2015/06/12 Python
Python实现快速排序算法及去重的快速排序的简单示例
2016/06/26 Python
详解Python 2.6 升级至 Python 2.7 的实践心得
2017/04/27 Python
对python以16进制打印字节数组的方法详解
2019/01/24 Python
pyqt 实现在Widgets中显示图片和文字的方法
2019/06/13 Python
PyQt编程之如何在屏幕中央显示窗体的实例
2019/06/18 Python
Python从入门到精通之环境搭建教程图解
2019/09/26 Python
python实现将json多行数据传入到mysql中使用
2019/12/31 Python
win10从零安装配置pytorch全过程图文详解
2020/05/08 Python
python爬虫scrapy框架之增量式爬虫的示例代码
2021/02/26 Python
使用CSS3 制作一个material-design 风格登录界面实例
2016/12/12 HTML / CSS
HTML5样式控制示例代码
2013/11/27 HTML / CSS
HTML5 Canvas实现360度全景图的示例代码
2018/01/29 HTML / CSS
Lookfantastic挪威官网:英国知名美妆购物网站
2017/07/26 全球购物
美国在线鞋类零售商:LifeStride
2019/06/09 全球购物
新员工欢迎词
2014/01/12 职场文书
技术总监管理职责范本
2014/03/06 职场文书
《春晓》教学反思
2014/04/20 职场文书
统计专业自荐书
2014/07/06 职场文书
学校安全责任书范本
2014/07/23 职场文书
关于有小孩的离婚协议书
2014/10/26 职场文书
刑事法律意见书
2015/06/04 职场文书
实验心得体会范文
2016/01/25 职场文书