jQuery checkbox 选中 取消-20130713

阅读更多
1、效果及功能说明

checkbox多选框点击事件控制显示隐藏

2、实现原理

点击打勾点击填写内容信息,会触发添加一个类,这个类能让下面的用户名和密码的输入框填写当没有打勾的时候就会把这个类给删除掉让用户名和密码没办法填写

主要的方法

$("#findform li .inputext").removeClass("grayinput");
删除类,不能填写
$("#findform li .inputext").addClass("grayinput");
点击以后添加这个类,变得可以填写


3、效果图


jQuery checkbox 选中 取消-20130713_第1张图片


4、运行环境

IE6 IE7 IE8及以上 Firefox 和 Google Chrome游览器下都可实现


(无图片)5、所有图片的压缩包新建一个文件后将包解压放进文件夹图片的压缩包在页面的最下方可以看到并下载下载后无需修改文件夹名因为本身就已经写好了和html5内的路径相吻合

6、将创建html文件保存的时候将编码类型换成(UTF-8有签名)这样可以让部分中文正常的显示出来,将保存类型(T)换成(所有文件(*.*)),将html5和解压后的图片文件夹放在同一个文件夹内效果


7、代码[html5]











  • 姓名:
  • 身份证号:
  • 手机(选填):
  • jQuery checkbox 选中 取消-20130713_第2张图片
  • 大小: 12.4 KB
  • 查看图片附件

你可能感兴趣的:(attr,removeAttr,removeClass,addClass)