AI智能
改变未来

Jquery checkbox的全选功能

功能 点击首个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>
赞(0) 打赏
未经允许不得转载:爱站程序员基地 » Jquery checkbox的全选功能