`
- 浏览:
8240 次
- 性别:
- 来自:
山西
-
说说jquery修改复选框checked值后无法选中的问题
今天在修改easyui源码的时候碰到一个特别奇葩的问题,我们在easyui的combobox控件中添加了一个checkbox,当点击下拉框的一条记录的时候就选中checkbox,按以往的经验,用$("input[type='checkbox']").attr("checked","checked"),but,这次居然不好使了,在调试时看到html中该控件确实有checked属性。我就晕了,怎么会这样。然后去查jquery的帮助文档,发现了这个方法:prop()。
附上官方说明:
获取在匹配的元素集中的第一个元素的属性值。
随着一些内置属性的DOM元素或window对象,如果试图将删除该属性,浏览器可能会产生错误。jQuery第一次分配undefined值的属性,而忽略了浏览器生成的任何错误。
官方实例里给的也是处理checkbox的checked属性:
参数key,value 描述:
禁用和选中所有页面上的复选框。
jQuery 代码:
$("input[type='checkbox']").prop("disabled", false);
$("input[type='checkbox']").prop("checked", true);
试了一下,果然好使,应该是在修改checkbox属性的过程中出现了某种错误,但是浏览器又没有报错,深层原因暂时还没有研究,如果有高人的话希望能给说明下,在此谢过。
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
由于浏览器的安全限制,我们不能直接修改原生复选框的样式,所以我们通常会隐藏原生的复选框,然后创建一个新的元素(如`<span>`)来作为美化后的复选框。通过CSS,我们可以定义这个新元素的样式,包括选中和未选中...
在探讨如何使用jQuery判断复选框(checkbox)是否被选中的过程中,我们首先需要理解复选框的基本属性以及jQuery操作DOM元素的方式。复选框在HTML中被定义为`<input type="checkbox">`,当它被选中时,其`checked`属性...
如果某个复选框被选中,`$check`的值就会增加。 `if($check==$checkArray.length)`这部分代码用于判断所有复选框是否都被选中。如果`$check`等于`$checkArray.length`,说明所有复选框都已被选中;反之,如果它们不...
在本例中,jQuery将用于处理复选框的选中和取消选中状态。基本的复选框选中和取消选中的jQuery代码如下: ```javascript $('input[type="checkbox"]').click(function() { $(this).prop('checked', !$(this).is(':...
这里的`this.checked`会根据全选复选框的状态(被选中或未选中)来设置所有其他复选框的`checked`属性。 反选功能的jQuery代码则稍微不同: ```javascript $("#selectAll").click(function() { $('input[name=...
在本主题中,我们将深入探讨如何在jQuery中处理动态生成的复选框,并获取它们的值。复选框是HTML表单中常见的一种元素,用于让用户选择一个或多个选项。 一、jQuery基本概念 jQuery通过一个简洁的语法,让...
当用户勾选一个复选框时,jQuery提供了一些方便的方法来获取选中的复选框的值。例如,可以使用`$("input[type='checkbox']:checked")`选择器来选取所有被选中的复选框,然后通过`.val()`方法获取其值: ```...
`$(this).is(':checked')`用于判断全选复选框是否被选中,`$('.child-checkbox').prop('checked', true/false)`则是用来改变所有子复选框的选中状态。 此外,为了完善用户体验,我们还可以添加一个反向操作,即当...
在事件处理函数内,我们获取全选复选框的选中状态,然后使用`.prop()`方法将所有子复选框的选中状态设置为此值。 ```javascript $("#selectAll").click(function() { var isChecked = $(this).is(":checked"); ...
在"Jquery复选框的值"这个主题中,我们将探讨如何利用jQuery实现批量获取复选框的值,并通过一个简单的`index.jsp`示例来阐述这一过程。 首先,我们需要了解HTML中复选框的基本结构。复选框通常使用`<input>`元素的...
在提供的`arrtest.html`文件中,我们可以预期看到一个包含jQuery复选框操作的示例页面。这个页面可能包含一些交互式复选框,演示了上述提到的功能,如事件监听、状态改变和视觉效果。通过查看和分析源代码,我们可以...
### 使用jQuery实现复选框全选、反选、...<title>jQuery复选框全选反选取消选中输出等功能用jQuery特效和jQuery插件两种特效 <script type="text/javascript" src="http://www.mailuke.com/js/jquery-1.2.6.pack.js"> ...
在这个项目中,我们关注的是使用jQuery来实现一些特定的功能,这些功能包括复选框的操作(全选、反选、取消选择)以及购物车中的商品价格统计。 首先,让我们深入了解一下复选框的操作。在HTML中,复选框是通过`...
2. **jQuery方式**:通过`$('input[name="interest"]:checked')`这个选择器直接定位所有名称为"interest"且被选中的复选框,然后再次使用`.each()`方法遍历这些元素。在这个过程中,我们使用jQuery的`.val()`方法...
标签中列出了“jQuery 获取 复选框 选中数量 判断 选择值”几个关键词,提示了本文的核心内容。 在Web开发中,复选框是表单元素中常见的交互组件,它们允许用户从一组选项中选择一个或多个项目。而在使用jQuery进行...
《jQuery滑动复选框菜单实现详解》 在网页设计中,交互性和用户体验是至关重要的因素,而jQuery作为JavaScript的一个强大库,为开发者提供了丰富的工具和功能,使得创建动态、响应式的网页元素变得轻而易举。本篇...
本篇将详细介绍如何在Bootstrap Table中实现复选框的默认选中功能,特别地,我们将根据从数据库获取的状态来决定复选框是否被选中。 首先,我们需要引入Bootstrap Table的相关库,包括CSS和JavaScript文件。这些...
在处理函数内部,可以通过`.prop('checked')`来获取或设置复选框的选中状态,`.parent()`和`.children()`方法可以用来查找父级和子级复选框,`.siblings()`则可以获取同级元素。通过这些方法,可以实现联动效果,即...
这里的`id`属性用于唯一标识复选框,`name`属性用于在表单提交时标识一组相关的复选框,`value`属性则表示当复选框被选中时的值。 在jQuery Mobile中,为了增强用户体验,会对原生的HTML元素进行美化。因此,我们...
《锋利的jquery》利用jquery实现复选框的全选和反选