JQuery checkbox check/uncheck

　　想通过JQuery来check或者uncheck页面上的checkbox控件，我们可能会想到用下面的代码：

$('#chk-all').on('click', function(){
var checked = $(this).is(':checked');
$("input[type='checkbox'][name='chk-att']").attr('checked', checked);
});

　　chk-all是一个checkbox控件，我们想通过点击它来实现全选或取消全选的功能。在onclick事件中，首先通过$(this).is(':checked')来获取该checkbox当前的选中状态，然后将页面上所有name='chk-att'的checkbox控件选中或取消选中。这里使用的方法是修改checked属性的值，然而该方法并不总是奏效，有时你会看到元素的属性值确实被修改了，但是选中状态并未改变。尝试将attr()方法改成removeAttr()来实现取消选中，仍然不起作用！

　　解决办法是使用prop()函数来替代上面代码中的attr()函数。将上面的代码修改如下：

$('#chk-all').on('click', function(){
var checked = $(this).is(':checked');
$("input[type='checkbox'][name='chk-att']").prop('checked', checked);
});

更多专业前端知识，请上【猿2048】www.mk2048.com

JQuery checkbox check/uncheck相关推荐

checkbox选中和不选中 jqu_jQuery教程之jQuery checkbox（选中和取消选中事件on)
本篇教程介绍了jQuery教程之jQuery checkbox(选中和取消选中事件on),希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入. < $("#btn_ ...
mfc中添加checkbox check、uncheck事件
得到复选框状态的函数:CButton* pBtn = (CButton*)GetDlgItem(IDC_CHECK); int state = pBtnNONE->GetCheck(); 当st ...
jquery checkbox attr区别prop
为什么80%的码农都做不了架构师?>>> 最近使用jquery获取和修改checkbox的选中状态,发现一个问题,用$(this).attr("checked&quo ...
在项目中学习.NET的JQuery CheckBox方法(全选、取消全选、其他）
一.在项目中遇到的CheckBox的全选和取消全选以及其他等解决方案如下: // 对全选和取消全选的事件 $("#CheckAll").click(function () { ...
Jquery CheckBox全选方法
方法如下: function CheckAll(val) { $("input[name='chkJob']").each(function() { this.checked = ...
jquery checkbox 实现单选
最近在用javascript的时候发现网上实现checkbox单选的代码都已经过时了. 用着几年前的代码发现根本不行了原因是jquery api已经更改 http://api.jquery.com/ ...
jquery checkbox 选中、改变状态、change 和 click 事件
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. jquery判断checked的三种方法: .attr('checked); //看 ...
jquery checkbox 操作
1.jquery 获取所有选中和未选中的checkbox 未选中 var unCheckedBoxs = $("input[name='myCheckbox']").not(&qu ...
html:checkbox无法uncheck
主要是因为checkbox只有checked一种状态,当uncheck以后,form不会提交. 很多人说是在checkbox后加一个隐藏的同名input来解决,当uncheck之后,这个input被提 ...
checkbox jq 监听_「checkbox 选中事件」jquery checkbox 选中、改变状态、change 和 click 事件 - seo实验室...
checkbox 选中事件 jquery判断checked的三种方法: .attr('checked); //看版本1.6+返回:"checked"或"u ...

JQuery checkbox check/uncheck

JQuery checkbox check/uncheck相关推荐

最新文章

热门文章