jQuery控制checkbox选中状态但是不显示选中

问题描述：使用jQuery来控制checkbox的选中状态，但是第一次点击出现选中样式，之后点击可以看到checked的属性增加成功但是并没有选
中状态。

问题代码：

function chooseAllOrNot(id){
var choose=$("input[name='"+id+"']").attr('checked');
if(choose=='checked'){
$("input[type=checkbox][name='"+id+"']").removeAttr('checked');
choose=$("input[name='"+id+"']").attr('checked');
}else{
$("input[type=checkbox][name='"+id+"']").attr('checked', 'true');
choose=$("input[name='"+id+"']").attr('checked');
}
}

解决方法：

function chooseAllOrNot(id){
var choose=$("input[name='"+id+"']").prop('checked');
if(choose){
$("input[type=checkbox][name='"+id+"']").removeProp('checked');
choose=$("input[name='"+id+"']").prop('checked');
}else{
$("input[type=checkbox][name='"+id+"']").prop('checked', true);
choose=$("input[name='"+id+"']").prop('checked');
}
}

　　或者使用javascript原生代码来实现

var fir = document.getElementsByName("name");
for(var i=fir;i<fir.length;i++){
fir[i].checked = true;
}

总结：使用attr()给属性checked赋值，发现无论赋予什么值，只要给这个属性赋值了就是选中状态，使用.attr('checked', 'true');
和.attr('checked', 'false')，结果都是选中状态，可以使用attr()和removeAttr(),或者使用.attr('checked', true);和.attr
('checked', false)，但是使用attr()出现了只有第一次会出现选中和取消选中的状态，后面点击没有选中状态但是代码显示对checked属性控制成
功的，只能改为使用prop()或者使用javascript原生代码来控制，才不会出现上述情况。

附：

什么时候使用attr()，什么时候使用prop()？
1.添加属性名称该属性就会生效应该使用prop();
2.是有true,false两个属性使用prop();
3.其他则使用attr();

转载于:https://www.cnblogs.com/liujiale/p/7299504.html

jQuery控制checkbox选中状态但是不显示选中相关推荐

checkbox选中和不选中 jqu_jQuery控制checkbox选中状态但是不显示选中
问题描述:使用jQuery来控制checkbox的选中状态,但是第一次点击出现选中样式,之后点击可以看到checked的属性增加成功但是并没有选中状态. 问题代码: function chooseA ...
jQuery: 判断checkbox复选框是否被选中
本文介绍如何用jQuery获取checkbox复选框选中状态,或验证是否选中或取消选中复选框. jQuery: 判断checkbox复选框是否被选中这里我们使用jQuery .is()方法和匹配的c ...
Jquery控制div滚动，但不显示滚动条
Jquery控制div滚动,但不显示滚动条 Html代码: <div class="dv_phone_pic"> <div class="prew_bo ...
使用jQuery控制单选框的默认值的选中方式
使用jQuery控制单选框的默认值的选中方式 checked的取值可以是true (表示默认选中),false(表示不选中): $('input[type=radio]').get(0).checke ...
html下拉框代码默认选中状态,select默认不选中 html select 默认不选择
html select 默认不选择 html中,select会默认选择第一个选项,如果要不选择,可以将第一个选项命名为"==请选择=="或空即可. select简介: select ...
用jQuery控制checkbox
<mce:script type="text/javascript"><!--function countChecked() {var n = $("i ...
取消iview UI框架的Radio选中状态
调试过程: 先给RadioGroup绑定切换Radio时触发的事件@on-change="radioChange" 再给两个Radio标签加入ref标识分别命名为"rad ...
checkbox选中和不选中 jqu_运用jQuery无法设置checkbox选中即没有变成选中状态
运用jQuery无法设置checkbox选中即没有变成选中状态,先来看下代码:$("input").attr("checked","checked&q ...
使用jquery判断及改变checkbox选中状态
使用jquery判断及改变checkbox选中状态 https://jingyan.baidu.com/article/fea4511a00f66af7ba912560.html

jQuery控制checkbox选中状态但是不显示选中

jQuery控制checkbox选中状态但是不显示选中相关推荐

最新文章

热门文章