2 chaobaby94 ChaoBaby94 于 2016.02.17 09:45 提问

jQuery点击复选框问题

问题一:
网上和教学视频都说
$('input[name="items"]').attr("checked","");
是设置为没有被选中。但是我的点击后还是变成checked状态。
把教学视频的代码完全复制了下,只是导入的jquery版本不一样。结果他的可以,我的不可以。是jquery版本的问题吗?我的是jquery-2.1.4 视频的是jquery-1.3.1
问题二:
看的视频是练习全选/全不选的checkbox的操作,代码如下
$('#checkedAll_2').click(function(){
// checked属性判断有没被选中
if(this.checked){
// $('input[name="items"]:checkbox').attr("checked","true");
$('input[name="items"]').attr("checked","true");
$.each($('input[name="items"]'),function(){
alert($(this).val()+":"+this.checked);
});
} else{
$("input[name='items']").attr("checked","");

// $("input[name='items']").removeAttr("checked");
$.each($('input[name="items"]'),function(){
alert($(this).val()+":"+this.checked);
});
}
});
当已选中的状态再次点击变成未选中时(执行else语句),里面的$(this).val()的值就变成了undefined了。这是为什么?
问题三:还是上面的代码。(和问题一有关)
用$("input[name='items']").attr("checked",""); 不能改为不选,只有$("input[name='items']").removeAttr("checked"); 方法可以。这是为什么!

2个回答

showbo
showbo   Ds   Rxr 2016.02.17 09:55
已采纳

1.6+以上jquery 设置checked这种需要用prop,不要用attr,jquery attr prop 区别

ChaoBaby94
ChaoBaby94 厉害!! 解决了
2 年多之前 回复
sinat_31535993
sinat_31535993   Rxr 2016.02.17 09:59

attr("checked",false);我都是这样写的

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
jQuery实现表格行点击选中复选框
$(".list tr").each(function(){      $(this).children().click(function(e){          $(e.target).parent("tr.item").each(function(){         if($(this).find(":checkbox").is(":checked")){        
JQuery datatables 表头复选框切换页面时保持选中的问题解决
在使用强大的datatables表格插件时,发现,发现如果在表头添加了复选框之后,当第一页选中,点击切换下一页的时候,复选框还是选中的状态,这个是不对的,需要找一个监听表格绘制完成的函数,重新设置checkbox为未选中,可以加入如下方式: //切换下一页更新复选框的状态为不选中 "fnDrawCallback": function() {
jQuery实现checkbox点击全选和取消全选
jQuery实现点击全选和取消全选 有时候需要实现点击按钮全选,再点击取消全选,类似下图: 具体怎么实现呢? 代码如下: $('input[name="selectall"]').click(function(){ //alert(this.checked); if($(this).is(':checked')){
jquery点击输入框时弹出div层复选框勾选输入的内容
点击输入框 弹出div层 div层中放入复选框勾选值 点击复选框 值放入输入框内
Jquery 复选框选中之后 按钮才能点击
利用Jquery 做出的效果是:复选框选中之后 按钮才能点击
jQuery 点击tr选中checkbox,并点击checkbox本身也正常,表格练习完工
花了大半天才搞懂,原来把checkbox放在tr的td里,点击check
jquery实现checkbox全选功能,第二次点击【全选】按钮,页面无法勾选
去面试,老多人问会不会jquery啊,会不会
JQuery中对复选框进行勾选实现显示和隐藏问题
今天在做项目中遇到了显示和隐藏问题,对就jquery比较了解,因此就通过jquery方式进行了实现,下面与大家分享下代码,首先要去网上下载一个JQuery脚本库,然后引用它,这是最基本的,相比大家都知道,我就不多说了,好了引用好后,就开始写代码了,如下:    首先,我简单说下我的例子,就是我要修改一个图片,然后点击修改复选框,把上传图片的那部分显示出来了(本来是隐藏着的),好啦看代码把。
Jquery-1实现简单的复选框删除增加操作
1.实现简单的复选框删除增加操作 简单的复选框删除增加操作 $(function(){ $("input[type=checkbox]:eq(0)").change(function(){ var checkvalue=$(this).prop("checked");
jquery判断checkbox是否选中,选中即可点击button否则不可点
需求: 如图,协议前的checkbox打钩才能点同意并注册按钮,否则为灰色不可点 html: 已阅读并同意“用户服务协议” css: .change{background: #ccc;cursor: auto} Jquery: $(document).ready(function(){ $('i