checkbox动态更新
来源:互联网 发布:软件维护不能用 编辑:程序博客网 时间:2024/05/01 14:33
解决jQuery动态获取checkbox的选取状态问题。
一般情况下,我们使用prop()或者attr()来设置checkbox的选中状态
$('#checkboxID').attr('checked','checked'); //jQuery1.5 below$('#checkboxID').prop('checked',true); //jQuery 1.6+
使用$('#checkboxID').prop('checked')
来判断复选框是否被选中(jQuery1。6+),但是这只能获取第一次即原始设置的状态,在之后,你动态改变checkbox的状态,并不能根据$('#checkboxID').prop('checked')
来判断当前的复选框状态。
要解决动态获取复选框状态的问题,可以定义一个函数,并在checkbox上绑定“Onclick”事件,在点击切换状态时触发该函数。
<input type="checkbox" name="switch" checked="checked" id="switch" Onclick="Switch()" /><script> function Switch() { var $left = $('.left'); var check = $('#switch'); if(!check.prop('checked')) { $left.css({'transform':'translateX(-100%)','transition':'1s 0.5s'}); $('.switch').css({'left': '1%','transition': '0.4s 1s'}); } else { $left.css({'transform':'translateX(0)','transition':'1s 0.5s'}); $('.switch').css({'left': '7%','transition': '0.4s'}); } }</script>
0 0
- checkbox动态更新
- datagridview Checkbox实时更新
- Struts Checkbox 动态设置
- UltraWebGrid动态生成CheckBox
- flex 动态创建checkBox
- Dojo动态创建CheckBox
- flex动态生成checkbox
- 动态创建CheckBox Demo
- 如何动态创建checkbox
- EXTJS 动态添加Checkbox
- 动态生成select,checkbox
- 动态添加checkbox,与获得checkbox
- Datatables更新checkbox状态无效
- Ext4 checkbox 动态加载问题
- asp.net 动态产生checkbox
- 根据数据库动态创建CheckBox
- hibernate动态更新
- php动态更新记录
- ubuntu下StartUML工具安装
- Android Studio直接运行影响启动性能
- Linux 进程通信之 共享内存
- java多线程专题
- abstract为什么不可以用static native或synchronized修饰
- checkbox动态更新
- Bootstrap Modal 垂直方向加滚动条
- EasyRTMP之rtmp流flash播放器无法正常播放问题解决(二)
- 数组中的数组
- Linux网络编程——epoll学习笔记
- 输入5个数(含负数、小数)将它们按由小到大的顺序排列起来
- emgucv3.1 in vs2015
- 【NOI题库 1708】 麦森数
- 1.使用WPE工具分析游戏网络封包