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 相关文章推荐
Extjs学习过程中新手容易碰到的低级错误积累
Feb 11 Javascript
jQuery 中国省市两级联动选择附图
May 14 Javascript
一张表格告诉你windows.onload()与$(document).ready()的区别
May 16 Javascript
JavaScript实现自动消除按钮功能的方法
Aug 05 Javascript
jQuery下拉友情链接美化效果代码分享
Aug 26 Javascript
JS+CSS实现六级网站导航主菜单效果
Sep 28 Javascript
学习JavaScript设计模式之状态模式
Jan 08 Javascript
ES6学习之变量的两种命名方法示例
Jul 18 Javascript
一步步教会你微信小程序的登录鉴权
Apr 09 Javascript
浅谈JavaScript面向对象--继承
Mar 20 Javascript
JS正则表达式封装与使用操作示例
May 15 Javascript
微信小程序仿通讯录功能
Apr 09 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 AJAX实例根据邮编自动完成地址信息
2008/11/23 PHP
分享下php5类中三种数据类型的区别
2015/01/26 PHP
基于laravel缓冲cache的用法详解
2019/10/23 PHP
Thinkphp 框架扩展之行为扩展原理与实现方法分析
2020/04/23 PHP
通过JS 获取Mouse Position(鼠标坐标)的代码
2009/09/21 Javascript
ExtJs 表单提交登陆实现代码
2010/08/19 Javascript
基于JavaScript实现继承机制之构造函数+原型链混合方式的使用详解
2013/05/07 Javascript
window.event.keyCode兼容IE和Firefox实现js代码
2013/05/30 Javascript
jquery实现搜索框常见效果的方法
2015/01/22 Javascript
Jquery实现顶部弹出框特效
2015/08/08 Javascript
jquery淡入淡出效果简单实例
2016/01/14 Javascript
jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法
2016/11/16 Javascript
bootstrap css样式之表单
2017/01/19 Javascript
react-redux中connect()方法详细解析
2017/05/27 Javascript
原生JS+Canvas实现五子棋游戏实例
2017/06/19 Javascript
React Native第三方平台分享的实例(Android,IOS双平台)
2017/08/04 Javascript
Vue的路由动态重定向和导航守卫实例
2018/03/17 Javascript
js回文数的4种判断方法示例
2019/06/04 Javascript
vue 路由缓存 路由嵌套 路由守卫 监听物理返回操作
2020/08/06 Javascript
python根据经纬度计算距离示例
2014/02/16 Python
python实现多线程采集的2个代码例子
2014/07/07 Python
Python字符串匹配算法KMP实例
2015/07/18 Python
Python获取本机所有网卡ip,掩码和广播地址实例代码
2018/01/22 Python
python opencv实现图片旋转矩形分割
2018/07/26 Python
Python判断一个三位数是否为水仙花数的示例
2018/11/13 Python
python使用pygame模块实现坦克大战游戏
2020/03/25 Python
详解python调用cmd命令三种方法
2019/07/08 Python
Python+pyftpdlib实现局域网文件互传
2020/08/24 Python
html5将图片转换成base64的实例代码
2016/09/21 HTML / CSS
推荐信格式要求
2014/05/09 职场文书
校园会短篇的广播稿
2014/10/21 职场文书
大连导游词
2015/02/12 职场文书
创先争优活动个人总结
2015/03/04 职场文书
请客吃饭开场白
2015/06/01 职场文书
新手初学Java List 接口
2021/07/07 Java/Android
《王国之心》迎来了发售的20周年, 野村哲发布贺图
2022/04/11 其他游戏