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 相关文章推荐
javascript 遍历验证所有文本框的值
Aug 27 Javascript
Underscore.js常用方法总结
Feb 28 Javascript
JavaScript去除数组里重复值的方法
Jul 13 Javascript
JS清除字符串中重复值的实现方法
Aug 03 Javascript
微信小程序 框架详解及实例应用
Sep 26 Javascript
Vue2仿淘宝实现省市区三级联动
Apr 15 Javascript
AngularJS自定义过滤器用法经典实例总结
May 17 Javascript
vue-cli2 构建速度优化的实现方法
Jan 08 Javascript
页面内锚点定位及跳转方法总结(推荐)
Apr 24 Javascript
Javascript原生ajax请求代码实例
Feb 20 Javascript
vue-i18n实现中英文切换的方法
Jul 06 Javascript
解决vue项目router切换太慢问题
Jul 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+.htaccess实现全站静态HTML文件GZIP压缩传输(一)
2007/02/15 PHP
php仿discuz分页效果代码
2008/10/02 PHP
PHP文件读写操作之文件写入代码
2011/01/13 PHP
php结合ajax实现赞、顶、踩功能实例
2014/05/12 PHP
2个比较经典的PHP加密解密函数分享
2014/07/01 PHP
PHP提高编程效率的20个要点
2015/09/23 PHP
thinkPHP3.2.3结合Laypage实现的分页功能示例
2018/05/28 PHP
通过JAVASCRIPT读取ASP设定的COOKIE
2006/11/24 Javascript
jquery实现的table排序功能示例
2017/03/10 Javascript
详解Vue中添加过渡效果
2017/03/20 Javascript
简单实现jQuery弹幕效果
2017/05/06 jQuery
jQuery完成表单验证的实例代码(纯代码)
2017/09/30 jQuery
Vue精简版风格指南(推荐)
2018/01/30 Javascript
layer弹出层 iframe层去掉滚动条的实例代码
2018/08/17 Javascript
解决微信小程序调用moveToLocation失效问题【超简单】
2019/04/12 Javascript
微信小程序云开发 生成带参小程序码流程
2019/05/18 Javascript
JS实现简单随机3D骰子
2019/10/24 Javascript
javascript实现超好看的3D烟花特效
2020/01/01 Javascript
python在linux系统下获取系统内存使用情况的方法
2015/05/11 Python
asyncio 的 coroutine对象 与 Future对象使用指南
2016/09/11 Python
利用Python中SocketServer 实现客户端与服务器间非阻塞通信
2016/12/15 Python
使用Python生成XML的方法实例
2017/03/21 Python
Python生成随机数组的方法小结
2017/04/15 Python
火车票抢票python代码公开揭秘!
2018/03/08 Python
python整小时 整天时间戳获取算法示例
2019/02/20 Python
Python3.5 Pandas模块之DataFrame用法实例分析
2019/04/23 Python
Python 列表的清空方式
2020/01/13 Python
Keras Convolution1D与Convolution2D区别说明
2020/05/22 Python
Canvas多边形绘制的实现方法
2019/08/05 HTML / CSS
荷兰最大的多品牌男装连锁店:Adam Brandstore
2019/12/31 全球购物
用C语言实现文件读写操作
2013/10/27 面试题
高分子材料个人求职信范文
2013/09/25 职场文书
初三学习决心书
2014/03/11 职场文书
Nginx访问日志及错误日志参数说明
2021/03/31 Servers
php访问对象中的成员的实例方法
2021/11/17 PHP
SQL Server中的游标介绍
2022/05/20 SQL Server