关于checkbox的checked属性和change事件

boyanx1周前技术教程2

jquery中的attrprop有什么区别?

To retrieve and change DOM properties such as the checked, selected, or disabled state of form elements, use the .prop method.

根据官方的建议:具有 truefalse两个属性的属性,如checked,selected或者disabled使用prop,其他的使用attr.

设置check等属性的时候也应该用prop方法.

利用prop修改checked后如何触发change事件?

prop本身不自动触发change事件, 需要手动触发.

法1:

$elem.prop('checked', true).change; // i.e. trigger('change');

法2:

$.propHooks.checked = {
  set: function(elem, value, name) {
    var ret = (elem[ name ] = value);
    $(elem).trigger("change");
    return ret;
  }
};

knockout中如何在checked改变时自动触发change?

knockout中的checked事件不自动触发change事件, 可以自定义事件绑定.

ko.bindingHandlers.checkedChange = {
    update: function (elem, val) {
        $(elem).prop('checked', ko.unwrap(val)).change;
    }
};

参考

相关文章

DevExpress v16.1新功能介绍(devexpress 教程)

适应性改进DevExtreme & HTML5/JS v16.1为不同屏幕分辨率提供了不同的dxForm组件,此外,我们的HTML5 Data Grid专为小屏幕提供了一些新功能:使用鼠标点击...

13款免费的CSS UI工具包(css教程免费)

Semantic UISemantic UI一出现在Github上就受到火热的关注。Semantic UI最大的特点:完全语义化的编写模式,名称规范统一,直观易懂,可以大大提升开发效率。这对于新手来说...

用户界面干货盘点(用户界面干货盘点怎么做)

首先恭祝各位小伙伴们新年快乐!2016年更上一层楼!本周,我们预测了2016年仍会持续火热的5大UI/UX设计趋势,盘点了2015年值得关注的8款跨平台开发工具(界面类),倾情奉上(25集全)DevE...

JMeter:断言之响应断言(jmeter响应断言参数化)

一、断言的定义断言用于验证取样器请求或对应的响应数据是否返回了期望的结果。可以是看成验证测试是否预期的方法。对于接口测试来说,就是测试Request/Response,断言即可以针对Request进行...

Aspose.Pdf for Cloud帮助您在云端创建和编辑PDF文件

平台支持Aspose.Pdf for Cloud的平台独立文档控制程序接口是一个真正的REST API,可以在上面使用任何类型的语言:.NET、Java、PHP、Ruby、Rails、Python、j...

ASP.NET MVC+Bootstrap个人博客之文章打赏(六)

看到新浪微博、百度百家等等平台上都带有文章“打赏”功能,觉得很新鲜,于是也想在自己的博客中加入“打赏”功能。当然,加入打赏功能并非是真的想要让别人打赏。因为只有那些真正能引起共鸣,发人深思,让人受益匪...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。