`
jiangzhenghua
  • 浏览: 600201 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

关于用jquery中checkbox与toggle的冲突

 
阅读更多

今天遇到一个问题,自己想给一个checkbox元素添加toggle事件,发现checkbox点击之后不再有了反应(应该会打上一个“√”)代码如下:

$("#margin_check").toggle(
function(){
   //do something
},
function(){
    //do something
}
)

 解决办法如下:使用click事件,并在函数中判断checkbox是否选中,其中如果checkbox选中的话,则 $("#margin_check").attr("checked")为true,解决代码如下:

$("#margin_check").bind("click",function(){
    if($("#margin_check").attr("checked")){
  	  $("#margin_total").hide();
 	 	  $("#margin_trbl").show();
    }else{
    	$("#margin_total").show();
  	  $("#margin_trbl").hide();
    }
 }); 

 

分享到:
评论

相关推荐

    jQuery操作checkbox并获取选中值

    本文将详细讲解如何使用jQuery来操作checkbox,并实现全选、全不选、反选以及获取选中值这四个核心功能。 ### 一、jQuery选择器与checkbox操作 在jQuery中,我们可以使用不同的选择器来选取页面上的checkbox元素。...

    jquery 的checkbox样式

    使用这个插件时,首先需要在页面中引入jQuery库和插件的相关文件。这包括在标签内添加对jQuery库的引用,如`<script src="https://code.jquery.com/jquery-3.x.y.min.js"></script>`,以及引入插件的JS和CSS文件,...

    jquery checkbox 选中 取消 checkbox多选

    本文将深入探讨如何使用jQuery来实现复选框(checkbox)的选中和取消选中功能,以及如何处理多选的情况。 首先,我们需要理解HTML中的`<input>`元素类型为"checkbox"的基本用法。复选框用于让用户从多个选项中选择...

    绚丽的复选框 jquery-checkbox

    在使用jQuery-Checkbox之前,你需要确保页面已经引入了jQuery库。之后,你可以通过下载并引用该插件的资源文件——在本例中,文件名为"jquery-checkbox.1.3.0"。这个压缩包可能包含了CSS样式文件、JavaScript源代码...

    jQuery 对checkbox的操作

    jQuery 对checkbox的操作

    jquery 对checkbox的操作

    本文将详细探讨如何使用jQuery对checkbox进行操作,这些操作包括选择、取消选择、检查状态以及实现更复杂的交互效果。 一、jQuery选择checkbox 在jQuery中,我们可以使用不同的选择器来选取checkbox元素。例如,`$...

    JQuery操作checkbox、radio等示例

    本篇文章将深入探讨如何使用jQuery来操作checkbox和radio元素,这两种元素在表单提交和用户交互中扮演着重要角色。 首先,让我们了解checkbox和radio的基本概念。Checkbox用于提供多选选项,用户可以勾选多个选项;...

    JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

    JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值

    关于表格(table)中checkbox等相关事件操作(动态添加行+隔行换色等相关)(jquery)

    4. **动态添加行**:当需要在表格中动态添加行时,可以使用jQuery的`append()`方法。例如,创建一个新的行,包含两列,一列是文本,一列是复选框: ```javascript function addRow(text) { var newRow = $("<tr>...

    jquery获取checkbox选中的值

    在本文中,我们将深入探讨如何使用jQuery来获取checkbox选中的值,包括全选、取消全选、反选以及选中奇数行的操作,并讲解如何获取选中的值。 首先,我们需要引入jQuery库。在`1.html`文件中,我们看到包含了一个名...

    jquery之checkbox操作(v1.0.0)

    在本教程中,我们将深入探讨如何使用jQuery来操作checkbox元素,特别是动态生成、设置显示数量以及获取选中项等核心知识点。 首先,让我们了解checkbox的基本概念。Checkbox是HTML中的一个表单元素,用于让用户对一...

    jquery input checkbox 联动

    在网页开发中,jQuery 是一个广泛使用的 JavaScript 库,它简化了 DOM 操作、事件处理以及Ajax交互。本文将深入探讨如何在jQuery环境下实现输入框(input)复选框(checkbox)的联动效果,即当某个复选框被选中时,...

    jquery radio checkbox 美化

    本主题聚焦于“jQuery radio checkbox美化”,这涉及到如何使用jQuery和其他前端技术改进默认的HTML复选框(checkbox)和单选按钮(radio)的外观和交互体验。 一、jQuery的选择器和事件绑定 在jQuery中,我们可以...

    jQuery的高性能TreeView源码(带CheckBox)

    jQuery的高性能TreeView源码(带CheckBox) 1:支持静态的树,即一次性将全部数据加载到客户端。 2:异步树,即一次只加载一级或若干级节点,子节点可以异步加载数据。 3:Checkbox树(可能是静态树也可能是异步树...

    jQuery实现CheckBox控件CheckListBox全选功能

    C#.net下通jQuery实现的由CheckBox来控件CheckBoxList的全选操作,通过CheckBox来全选CheckBoxList,当有一个CheckBoxList选中时,CheckBox则被选中,且并且可以取得选中的CheckBox和CheckBoxList的value和text

    jQuery实现checkbox全选的方法

    本文实例讲述了jQuery实现checkbox全选的方法。分享给大家供大家参考。具体分析如下: 通过checkbox 进行全选和取消全选的操作,如果通过toggle进行处理,则会出现checkbox无法显示对勾的问题。 使用click事件,根据...

    jQuery操作checkbox

    本篇文章将深入探讨如何使用jQuery来操作checkbox元素,包括多选、全选和反选等常见功能。 一、jQuery选择checkbox 在jQuery中,我们可以使用`$('input[type="checkbox"]')`选择所有的checkbox。如果你想根据特定...

    完美解决ListView和CheckBox的焦点冲突及CheckBox的复用问题

    总结,通过理解ListView的工作原理和优化复用机制,我们可以有效地解决ListView与CheckBox的焦点冲突,以及在复用过程中CheckBox状态的保持。同时,结合全选、反选、删除等附加功能,可以为用户提供更友好的交互体验...

    jquery实现checkbox全选、反选、全部选。精简写法

    jquery实现checkbox全选、反选、全部选,很不错的资源,欢迎大家下载学习var langType=""; var arLangType = []; $("[name='langType'][checked]").each(function(i) { arLangType[i]=$(this).val(); }); ...

Global site tag (gtag.js) - Google Analytics