## input值发生变化 ~~~ $("body").on('input oninput,input propertychange',"input[type='checkbox']",function(event){ }); ~~~ ## 获取checkbox元素 ~~~ $('input:checkbox') $(':checkbox') ~~~ ## 获取选中的checkbox ``` $(":checkbox[name='aijquery']:checked") ``` ## jquery判断是否选中checked的三种方法: ~~~ .attr('checked); #看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false .prop('checked'); #16+:true/false .is(':checked'); #所有版本:true/false 别忘记冒号哦 //javascript判断 var check = document.getElementsByTagName('input')[0]; console.log(check.checked);//false // 设置元素为选中状态 check.checked = true; // 设置元素为未选中状态 check.checked = false; ~~~ ## 获取指定value值的checkbox ~~~ $("#product_type_filter").find(':checkbox[value="2"]') ~~~ ## jquery赋值checked的几种写法: ~~~ #所有的jquery版本都可以这样赋值: $("#cb1").attr("checked","checked"); $("#cb1").attr("checked",true); #jquery1.6+:prop的4种赋值: $("#cb1").prop("checked",true); #很简单就不说了哦 $("#cb1").prop({checked:true}); #map键值对 $("#cb1").prop("checked",function(){ return true; #函数返回true或false }); #记得还有这种哦: $("#cb1").prop("checked","checked"); //根据某个chckbox的选中与否设置其他chckbox的选中 $("body .tit_info .chexbox_all").on('input oninput,input propertychange',"input[type='checkbox']",function(event){ console.log(event.target) var check_box_is_selected =$(event.target).is(':checked'); console.log(check_box_is_selected) $(".sc1_list input[type='checkbox']").prop("checked",check_box_is_selected); }); ~~~ >[danger]attr与prop的区别 prop会重新渲染html,而attr不会 prop只能获取自己设置的自定义属性的值 不能获取其他自定义属性的值 prop设置的自定义属性不会在元素上显示 他们两设置的值相互都不能获取到