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

jquery与checkbox的checked

 
阅读更多

转:http://blog.csdn.net/ningxi_/article/details/7165040

 

jquery与checkbox的checked属性的问题,讲的是控件<input type="checkbox"></input>

1、页面加载成功后,点击选中或取消选中该checkbox,checkbox属性里的checked属性不会根据该checkbox是否选中而变化

2、checkbox里的onchange或onclick方法里用jquery的attr方法获取checked是看得到的checked属性的值与它是否给钩上没有关系

3、使用document.getElementById("checkbox_id").checked获取的值与是否钩上一至,即与所见即所得

4、使用$("#checkbox_id").attr("checked")获取的值与<input type="checkbox"></input>里的checked情况一至,不是所见即所得

5、使用$("#checkbox:checked")获取的都是被钩上的checkbox

6、document.getElementById("checkbox_id").checked=true,控件里的checked属性没有显示出来,所做即所见

7、$("#checkbox_id").attr("checked",true),控件里的checked属性显示出来,所做即所见,同时代码也会变化

 

 

分享到:
评论

相关推荐

    jquery checkbox 选中 取消 checkbox多选

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

    jQuery操作checkbox并获取选中值

    ### 一、jQuery选择器与checkbox操作 在jQuery中,我们可以使用不同的选择器来选取页面上的checkbox元素。例如,使用`$('input[type="checkbox"]')`可以选取所有类型的checkbox。如果想要选取特定ID的checkbox,...

    jquery 的checkbox样式

    console.log('Checkbox is checked'); }); $('.custom-checkbox').on('uncheck', function() { console.log('Checkbox is unchecked'); }); ``` 最后,为了确保插件在各种浏览器和设备上都能正常工作,开发者...

    绚丽的复选框 jquery-checkbox

    通过利用jQuery的便利性和插件的自定义能力,开发者可以轻松创建出与网站整体风格相协调的交互元素,提高用户对网站的满意度。在实际项目中,结合HTML、CSS和JavaScript的综合运用,你可以创造出更多个性化的复选框...

    jquery 对checkbox的操作

    综上所述,jQuery为开发者提供了便利的API来处理checkbox,使得在网页中实现与用户交互变得更加简单和直观。无论是单个checkbox的控制还是批量操作,jQuery都能轻松应对。通过熟练掌握这些技巧,开发者可以创建更加...

    jquery获取checkbox选中的值

    取消全选与全选类似,只需将`checked`属性设为`false`: ```javascript $('#deselectAll').on('click', function() { $('input[type=checkbox]').prop('checked', false); }); ``` 4. **反选**: 反选是...

    JQuery操作checkbox、radio等示例

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

    浅析jquery与checkbox的checked属性的问题

    jQuery与checkbox的checked属性之间的关系是前端开发者经常需要处理的问题。在Web开发过程中,复选框(checkbox)是用来让用户选择多个选项的常用表单控件,而jQuery是一个广泛使用的JavaScript库,它简化了HTML文档...

    jquery input checkbox 联动

    本文将深入探讨如何在jQuery环境下实现输入框(input)复选框(checkbox)的联动效果,即当某个复选框被选中时,能够自动触发关联的上级或下级复选框的状态改变。 ### 1. jQuery 基础 首先,确保你的项目已经引入...

    jquery之checkbox操作(v1.0.0)

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

    jquery radio checkbox 美化

    综上所述,"jQuery radio checkbox美化"涉及到前端开发中的多方面技能,包括jQuery的选择器和事件处理、CSS样式设计、插件应用、自定义图标、响应式设计以及无障碍性考虑。通过学习和实践这些技巧,可以创建出既美观...

    jQuery实现checkbox全选的方法

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

    Jquery 获取checkbox的checked问题

    在jQuery中,获取复选框(checkbox)的`checked`状态是一个常见的操作,但往往存在一些误解。在讨论这个问题之前,我们先明确HTML中的`checked`属性和jQuery中获取该属性值的区别。 在HTML中,当一个复选框被选中时...

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

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

    jQuery操作checkbox

    使用jQuery实现多选,可以通过遍历所有checkbox并改变它们的checked属性。例如,以下代码将选中所有checkbox: ```javascript $('input[type="checkbox"]').prop('checked', true); ``` 反之,如果你想要取消所有...

    jquery 操作checkbox 和select

    一、jQuery操作checkbox 1. 检查状态: jQuery提供了`is()`方法来检查checkbox是否被选中。例如,如果有checkbox的ID为"myCheckbox",可以这样检查它的状态: ```javascript if($("#myCheckbox").is(":checked")) {...

    JQuery对checkbox的操作 (01).zip

    获取和设置值的方法与`checked`属性类似: ```javascript var value = $('.myCheckbox').val(); // 获取值 $('.myCheckbox').val('newValue'); // 设置值 ``` **处理checkbox事件** 1. **点击事件:** 当用户...

    jQuery获取checkbox选中的值

    有时需要提供全选和全不选的功能,可以通过jQuery的`$("[name='checkbox']").attr("checked",'true')`实现全选,通过`$("[name='checkbox']").removeAttr("checked")`实现全不选。 2. **使用even选择器进行选择**...

Global site tag (gtag.js) - Google Analytics