html-无法用jquery操作checkbox选中的问题

问题描述

无法用jquery操作checkbox选中的问题

html代码如下

 <span class="easyui-checkbox" >
                <input id="abc" name="abc" type="checkbox"  data-options="width: 180"  value="1"  >

用的jquery操作选中

 $("#abc").attr("checked",true);

在没有 这行代码的时候能够操作成功。。
但是加上了 这个样式的代码之后jquery就没法通过id或者Name操作这个复选框了。。原因是什么?怎么解决应该?

解决方案

试试$("#abc").prop("checked",true);

解决方案二:

$("#abc").attr("checked","true");

解决方案三:

jquery 操作checkbox的问题
jquery操作checkbox的问题
jquery操作checkbox,火狐下第二次无法勾选问题

解决方案四:

用prop,attr会增加属性
jquery attr prop 区别

解决方案五:

你看看你这行代码是放在哪里的?可能是你已经操作了复选框,但最后又被设置为选中了。

解决方案六:

这是jquery easyui。你去看easyui的文档,我之前也是这样

解决方案七:

在执行完你这代码之后,记得return false;

解决方案八:

请看博客:checkbox已设置为checked--true-但不勾选问题解决方法

时间: 2024-12-01 07:38:45

html-无法用jquery操作checkbox选中的问题的相关文章

解决jquery操作checkbox火狐下第二次无法勾选问题

 在工作中使用jquery操作checkbox,进行全选.反选,现在的问题是火狐下第二次无法勾选问题,在下面有个详细的解答,感兴趣的朋友可以参考下 最近在工作中使用jquery操作checkbox,使用下面方法进行全选.反选:  复制代码 代码如下: var ischecked=allCheckObj.is(':checked');  ischecked?checksObj.attr('checked',true):checksObj.attr('checked',false);    调试时在

jquery操作checkbox示例分享_jquery

checkbox操作 1. 全选.全不选 2.打印所有的选中项目 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> </title> <script type="text/javascript&

jQuery获取checkbox选中的值_jquery

1.问题背景 有几个多选框,选择其中的几个,获取选中的值 2.设计结果如下图所示: 3.设计源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

解决jquery操作checkbox火狐下第二次无法勾选问题_jquery

最近在工作中使用jquery操作checkbox,使用下面方法进行全选.反选: 复制代码 代码如下: var ischecked=allCheckObj.is(':checked'); ischecked?checksObj.attr('checked',true):checksObj.attr('checked',false); 调试时在ie没有问题,考虑到兼容性,试试了firefox,遇到了问题.于是乎,做了如下实验: 复选框绑定了click事件,点一次选中,再点击取消选中,依次类推.这个功

jQuery判断checkbox选中状态_jquery

前言 神奇的JQuery怎么设置checkbox状态时好时坏?明明同一行代码,断点跟踪确实执行了,但是有时候好使,有时候却没有生效.毕竟对JS不是很熟悉,只是通过JS来处理前端HTML的标签的状态设置时,通过JQuery有时候会更方便些的,但是发现更不好办. 今天尝试实现checkbox全选.全不选功能,与App开发中的效果是一样的,勾选全选则将所有的选项都选中:同样取消勾选某个子项也将全选设置为非选中状态:所有子选项都为选中状态时,将全选设置为选中状态. 由于对JS不是很熟悉,于是尝试各种百度

jquery操作checkbox

在html的checkbox里,选中的话会有属性checked="checked". 如果用一个checkbox被选中,alert这个checkbox的属性"checked"的值alert($"#xxx".attr("checked")),会打印出"true",而不是"checked"! 如果没被选中,打印出的是"undefined".觉得很奇怪是吗?继续看下去- 不

jquery操作checkbox火狐下第二次无法勾选的解决方法_jquery

最近在学习jQuery(版本jquery-1.9.1.js),要求用jQuery实现全选/全不选.反选,在IE(IE8)中没有问题,但在火狐浏览器中调试的时候出现了一些小问题,达不到效果. html代码如下: <div> 你爱好的运动是 <input type="checkbox" id="selectal1" /><label for="selectal1">全选/全不选</label><b

jQuery操作CheckBox的方法介绍(选中,取消,取值)_jquery

复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">   <HTML>    <HEAD>     <TITLE> New document.nbsp;</TITLE>     <meta http-equiv="Content-Type" content="text/html; charset=U

jquery操作checkbox实现全选和取消全选_jquery

今天这样写了一个全选和取消全选的功能: 全选:$(":checkbox").attr("checked","checked"); 取消全选:$(":checkbox").removeAttr("checked"); 获取选中的:$(":checked[checked='checked']") 发现点全选可以,在点取消全选也可以,获取选中的失效,接下来再点任何按钮都没有效果了 这样行不通,