功能 点击首个CheckBox 对下面三个CheckBox的checked(选中状态)值赋值 下面的三个CheckBox被点击改变首个CheckBox的checked
使用jq中的 prop
查看选中状态checkbox.prop(‘checked’);
修改选中状态checkbox.prop(‘checked’,false);
代码:
<!DOCTYPE html><html><head><meta charset=\"utf-8\" /><title>选择器</title><script src=\"Jq.js\" type=\"text/javascript\"></script><script type=\"text/javascript\">$(function(){$(\'#checkall\').change(function(){$(\'ul li input\').prop(\'checked\',$(\'#checkall\').prop(\'checked\')) ;})$(\'ul li input\').change(function(){console.log($(\'ul li input:checked\').length);if($(\'ul li input:checked\').length==3){$(\'#checkall\').prop(\'checked\',true);}else{$(\'#checkall\').prop(\'checked\',false);}})})</script><style type=\"text/css\">#div0{width:50%;height:20%;}</style></head><body><div id=\'div0\'><input type=\"checkbox\" name=\"\" id=\"checkall\" value=\"\" /><ul><li><input type=\"checkbox\" name=\"\" id=\"\" value=\"\" /></li><li><input type=\"checkbox\" name=\"\" id=\"\" value=\"\" /></li><li><input type=\"checkbox\" name=\"\" id=\"\" value=\"\" /></li></ul></div></body></html>