Jquery checkbo自动填充选择
来源:互联网 发布:金融大数据大会 编辑:程序博客网 时间:2024/05/29 14:40
效果:选择一个checbox后,再选择后面的任意一个checkbox,用Jquery自动填充中间的空白checkbox。
主要用到了prop,prev,next方法,获取checkbox的值用prop,不用attr。
<form id="weekcheck"><input type="checkbox" name="week" value="1"/><input type="checkbox" name="week" value="2"/><input type="checkbox" name="week" value="3"/><input type="checkbox" name="week" value="4"/><input type="checkbox" name="week" value="5"/><input type="checkbox" name="week" value="6"/><input type="checkbox" name="week" value="7"/><input type="checkbox" name="week" value="8"/><input type="checkbox" name="week" value="9"/><input type="submit" value="提交" id="submit_btn"> </form>
<script type="text/javascript">$('#weekcheck input').click(function(){ var num=$(this).val(); if(!num)return; if($(this).prop('checked')==true){ //该box为未选中状态时,former遍历判断 var ptr=$(this).prev(); for(var x=num-1;x>=0 && ptr.prop('checked')==false;x--){ ptr=ptr.prev(); } if(ptr.prop('checked')==true && !ptr.prev().prop('checked')){ for(var x=ptr.val();x<num;x++){ ptr=ptr.next(); ptr.prop('checked',true); } } } else{ //已经选中时则去自动掉选中状态 } });</script>
- Jquery checkbo自动填充选择
- 使用jQuery和Ajax自动填充选择框(select)
- checkbo选择多个删除
- jquery插件自动填充
- jquery自动填充勾选框
- 邮箱下拉自动填充选择
- 用Jquery实现自动填充
- ashx+jquery+autocomplete.js实现自动填充
- Jquery autocomplete 百度式自动填充
- jQuery自动填充插件 Cool Auto-Suggest
- jQuery的Autocomplete实现自动完成/自动填充
- 网站下拉菜单,选择下拉后自动填充(图)
- 网站下拉菜单,选择下拉后自动填充(图)
- JS实现日历控件选择后自动填充
- drupal7级联选择和自动填充功能的使用
- Android中选择控件、自动填充、GridView控件的使用
- 自动填充
- 自动填充
- 《OpenMP编译原理及实现技术》摘录
- UIAlertView(BlocksKit) Category Reference
- Balanced Binary Tree 判断是否为平衡二叉树 解法集合
- 8.1.1:什么是Transact-SQL
- C#中的析构函数
- Jquery checkbo自动填充选择
- 表连接方式
- Use Backtracking to print all Subsets
- XeLaTeX编译CTEX报系统字体错误
- 关于win7和ubuntu双系统引导的讨论(续)
- 让键盘消失的方法
- poj2406 Power Strings
- Concrete maths reading notes 1 - ch. 1&2
- 8.1.2:Transact-SQL语法规范